javascript es6 数组特征 [...数据，0] "spread operator"

Question

我在一些示例代码中遇到了这个，我完全迷失了。

const addCounter = (list) => {
    return [...list, 0];  // This is the bit I am lost on, and I don't know about [...list, 0]
}

显然以上等同于以下:

const addCounter = (list) => {
    return list.concat([0]);
}

非常感谢任何建议或解释。

Answer 1

...list 正在使用 spread syntax传播 list 的元素。我们假设列表是 [1, 2, 3]。因此 [...list, 0] 变成:

[1, 2, 3, 0]

这与执行 list.concat([0]);

的结果相同

这不是 ES6 中数组的特性，它只是用于数组连接。它还有其他用途。阅读更多 on MDN ，或参见 this question .