JavaScript使用扩展运算符赋值为何得到长度为2的数组而非预期长度1？

你当前使用的数组展开语法...d的作用是将d数组中的全部元素平铺到新数组中，你的d数组本身就包含1个初始对象，后续又新增了第二个对象{ name : 'david', age : 22}，所以最终var2数组长度为2，完全符合当前代码的逻辑。

你想要的效果是修改初始对象的name、age属性，同时保留day的初始值，不需要往数组里追加新元素，修改后的代码如下：

const d = [{name : '',age : '',day :23}]
// 展开d数组第一个对象的属性，再覆盖需要修改的字段即可
const var2 =  [{...d[0], name : 'david', age : 23}]
console.log(var2)

运行上述代码，输出结果就是你预期的长度为1的数组，内容为{name : "david", age : 23, day : 23}。

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