为何JS中该数组字面量写法无效？如何一步构建带自定义属性的数组？

这个问题问得非常到位，刚好触及了JavaScript数组的一个关键特性——它本质上是继承自Object的特殊对象，但又有自己专属的字面量语法规则，这就是两种写法差异的根源：

• 第一种写法有效的原因：
  JavaScript里的数组除了拥有数字索引的元素（比如0: 'b'、1: 'c'），还保留了普通对象的所有能力，包括动态添加自定义属性。所以你先创建数组实例['b', 'c']，再通过a.d = 'e'、a.x = { y: 'z' }给它加属性，完全符合对象的操作逻辑，自然是有效的。

• 第二种写法无效的原因：
  数组字面量[]有严格的语法限制：它只能接受逗号分隔的元素表达式，用来初始化数组的数字索引属性。而key: value是对象字面量的专属语法，数组字面量的解析器根本不认识这种写法，所以直接会抛出语法错误。简单说：数组字面量是用来定义“数组元素”的，不是用来定义“对象属性”的。

如果你想一次性创建带自定义属性的数组，推荐这几种靠谱的方式：

方法1：用Object.assign合并属性 #

这是最常用且安全的方式，既保留数组的实例特性，又能一次性添加自定义属性：

const a = Object.assign(['b', 'c'], { d: 'e', x: { y: 'z' } });
console.log(a); // 输出: ['b', 'c', d: 'e', x: { y: 'z' }]

Object.assign会把第二个参数里的所有属性复制到数组实例上，完美实现需求。

方法2：数组构造函数+属性赋值（简洁度不如方法1） #

const a = new Array('b', 'c');
a.d = 'e';
a.x = { y: 'z' };

本质和你最初的分步写法一致，只是用构造函数创建数组而已。

避坑提醒：别用对象展开冒充数组 #

有些同学可能会想到这种写法：

const a = { ...['b', 'c'], d: 'e', x: { y: 'z' } };

但要注意，这样得到的是普通对象，不是数组实例——它没有push、map这些数组方法，也不会被Array.isArray()识别为数组，所以如果需要数组的特性，千万别用这种方式。

虽然可以给数组加自定义属性，但实际开发中要谨慎：

• 数组的遍历方法（forEach、map等）只会处理数字索引的元素，不会遍历这些自定义属性；
• JSON.stringify()序列化数组时，会忽略所有非数字索引的属性；
• 这种写法容易让其他开发者混淆数组的用途，尽量用普通对象来存储键值对数据。

内容的提问来源于stack exchange，提问作者user5470921