还在使用对象吗？发现 JS/TS 中 Map() 改变游戏规则的力量

文章预览

在JavaScript和TypeScript开发中，对象（Object）长期以来一直是处理键值对集合的首选方式。然而，随着语言的发展，Map对象的引入为开发者提供了一个更为强大和灵活的选择。本文将深入探讨Map的优势、使用场景，以及它在现代JavaScript开发中的重要性。 Map的优势 1.灵活的键类型 与对象只能使用字符串或符号作为键不同，Map允许使用任何类型作为键，包括对象、函数和原始值。 const  userRoles =  new   Map (); const  user1 = {  id :  1 ,  name :  'Alice'  }; const  user2 = {  id :  2 ,  name :  'Bob'  }; userRoles.set(user1,  'admin' ); userRoles.set(user2,  'user' ); console .log(userRoles.get(user1));  // 输出: 'admin' 2.保持插入顺序 Map会保持键值对的插入顺序，这在需要可预测的迭代顺序时非常有用。 const  colorCodes =  new   Map ([   [ 'red' ,  '#FF0000' ],   [ 'green' ,  '#00FF00' ],   [ 'blue' ………………………………