数组解构中的 SPREAD 运算符

Question

在下面的示例中，未映射的数组项必须映射到左侧的 rest 参数，但由于某种原因输出不同，var planets = ["Mercury", "Earth", "Venus", "Mars", "Pluto", "Saturn"];var [first, second, ...rest] = ["Mercury", "Earth", ...planets, "Saturn"];console.log(first); //Output: Mercuryconsole.log(second); //Output: Earth现在对于下面，预期的输出是，console.log(rest); //Output: ["Venus", "Mars", "Pluto", "Saturn"]但实际输出是，console.log(rest); //Output: "Mercury", "Earth", "Venus", "Mars", "Pluto", "Saturn", "Saturn"来源：https ://www.freecodecamp.org/news/array-destructuring-in-es6-30e398f21d10/这里发生了什么事？

Answer 1

当您将行星传播到您的第二个阵列中时，您会将阵列中的所有元素planets放入第二个阵列中，因此：

["Mercury", "Earth", ...planets, "Saturn"];

...评估为：

["Mercury", "Earth", "Mercury", "Earth", "Venus", "Mars", "Pluto", "Saturn", "Saturn"];

然后你从这个数组中解构第一个和第二个元素给你"Mercury"和"Earth"。然后使用 rest 模式...rest检索剩余的元素（即从索引 2 开始的元素）并将它们存储在名为 的数组中rest。因此，您的rest数组包含上面数组中的所有元素，不包括第一个和第二个元素：

["Mercury", "Earth", "Venus", "Mars", "Pluto", "Saturn", "Saturn"]

要获得预期的输出，您可以通过忽略前两个元素来破坏第一个数组：

const [,,...rest] = ["Mercury", "Earth", "Venus", "Mars", "Pluto", "Saturn"];

console.log(rest);

Answer 2

您可以有选择地传播。当您传播...planets它时，它将所有值从行星数组复制到您正在创建的数组中。

您可以在传播之前简单地使用切片。

var planets = ["Mercury", "Earth", "Venus", "Mars", "Pluto", "Saturn"];

var [first, second, ...rest] = ["Mercury", "Earth", ...planets.slice(2, planets.length - 1), "Saturn"];

console.log(first);

console.log(second);

console.log(rest)

Answer 3

您可以使用Set()

Set 对象允许您存储唯一值

var planets = ["Mercury", "Earth", "Venus", "Mars", "Pluto", "Saturn"];

var [first, second, ...rest] = new Set(["Mercury", "Earth", ...planets, "Saturn"]);

console.log(first);

console.log(second);

console.log(rest);