#js array map object [] {} Map 区别

在 JavaScript 中，[]（数组）、{}（对象）和 Map 是三种不同的数据结构，它们在赋值、初始化和获取值的方式上有显著区别。以下是详细对比：

​​1. 数组 ([])​​ ​​初始化​​ let arr = []; // 空数组 let arr2 = [1, 2, 3]; // 带初始值的数组 ​​赋值​​ 通过索引（从 0 开始）赋值： arr[0] = 'a'; arr[1] = 'b'; ​​获取值​​ 通过索引访问： console.log(arr[0]); // 输出 'a' ​​特点​​ 有序集合，索引是数字。 键名只能是字符串或 Symbol（但通常用数字索引）。 长度由 length 属性决定。 ​​2. 对象 ({})​​ ​​初始化​​ let obj = {}; // 空对象 let obj2 = { name: 'Alice', age: 25 }; // 带初始值的对象 ​​赋值​​ 通过键值对赋值（键名会被自动转为字符串）： obj.key = 'value'; obj['dynamicKey'] = 123; // 动态键名 ​​获取值​​ 通过点号或方括号访问： console.log(obj.key); // 输出 'value' console.log(obj['dynamicKey']); // 输出 123 ​​特点​​ 键名只能是字符串或 Symbol（非字符串键会被强制转为字符串）。 无序（ES6 规范中对象属性顺序有特定规则，但通常视为无序）。 适合存储键值对数据（如配置、JSON 数据）。 ​​3. Map​​ ​​初始化​​ let map = new Map(); // 空 Map let map2 = new Map([['key1', 'value1'], ['key2', 'value2']]); // 带初始值的 Map ​​赋值​​ 使用 set(key, value) 方法： map.set('name', 'Alice'); map.set(123, '数字作为键'); // 键可以是任意类型 ​​获取值​​ 使用 get(key) 方法： console.log(map.get('name')); // 输出 'Alice' ​​特点​​ 键可以是任意类型（对象、函数等）。 保持插入顺序。 提供丰富的方法（如 has, delete, size）。