如何在JavaScript中一次性声明带额外属性的已初始化数组？

你写的那种链式赋值写法行不通，因为赋值运算从右往左执行，[...].extraProperty = 'extra'这个表达式的结果是字符串'extra'，最终test会被赋值成这个字符串，而非数组，自然没法通过test[0]获取数组元素。

下面给你两种可行的写法，既能一次性声明带额外属性的数组，又能保留数组对象类型：

方法一：使用Object.assign #

var test = Object.assign(['one', 'two', 'three'], { extraProperty: 'extra' });

Object.assign会把第二个对象的属性复制到第一个数组对象上，返回的还是原数组，所以test依然是数组，同时拥有extraProperty属性。测试验证：

• console.log(test[0]) 返回'one'
• Array.isArray(test) 返回true，证明仍是数组类型

方法二：使用立即执行函数表达式（IIFE） #

var test = (function(arr) {
  arr.extraProperty = 'extra';
  return arr;
})(['one', 'two', 'three']);

这种方式先创建数组，再在函数内部给它添加属性，最后把数组返回赋值给test，同样能保证test是数组类型且带有指定额外属性。

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