在JavaScript中，三个点“…”实际上是什么[duplicate]

Question

此问题已经在这里有了答案：

Javascript Property with three dots (…)（2个答案）

What does this symbol mean in JavaScript?（1个答案）

关闭57分钟前。

我已经看过以下javascript代码：

 let num = [1,2,2,2,3,4,5];
 console.log([... new Set(nums)]); //which prints [1,2,3,4,5]

我不明白在这个例子中……（三个点）是什么？有帮助吗？

Answer 1

我认为您需要先阅读Iteration；

let nums = [1,2,2,2,3,4,5];
let setFromArray = new Set(nums);
let arrayFromSet_spread = [...setFromArray];
console.log("spread", arrayFromSet_spread);
 
// here the spread will iterate over iteratable and return current value

//arrayFromSet can be written without spread like this
let arrayFromSet_forOf = [];
for ( let el of setFromArray ) {
  arrayFromSet_forOf.push(el)
}
console.log("forOf",arrayFromSet_forOf);


// and the most naive way to iterate :)
let arrayFromSet_ManualIteration = [];
let setFromArrayIterator = setFromArray[Symbol.iterator]();
const firstElement = setFromArrayIterator.next();
const secondElement = setFromArrayIterator.next();
const thirdElement = setFromArrayIterator.next();
const fourthElement = setFromArrayIterator.next();
const fifthElement = setFromArrayIterator.next();
const sixthElement = setFromArrayIterator.next();

arrayFromSet_ManualIteration.push(firstElement);
arrayFromSet_ManualIteration.push(secondElement);
arrayFromSet_ManualIteration.push(thirdElement);
arrayFromSet_ManualIteration.push(fourthElement);
arrayFromSet_ManualIteration.push(fifthElement);
arrayFromSet_ManualIteration.push(sixthElement);

//you could just push values not the itaration object itself
//arrayFromSet_ManualIteration.push(firstElement.value);
//arrayFromSet_ManualIteration.push(secondElement.value);
//arrayFromSet_ManualIteration.push(thirdElement.value);
//arrayFromSet_ManualIteration.push(fourthElement.value);
//arrayFromSet_ManualIteration.push(fifthElement.value);

console.log('ManualIteration full objects',arrayFromSet_ManualIteration);