freeCodeCamp/curriculum/challenges/chinese/02-javascript-algorithms-an.../es6/use-destructuring-assignmen...

2.0 KiB

id title challengeType forumTopicId dashedName
587d7b8a367417b2b2512b4c 使用解构赋值配合 rest 操作符来重新分配数组元素 1 301218 use-destructuring-assignment-with-the-rest-parameter-to-reassign-array-elements

--description--

在解构数组的某些情况下,我们可能希望将剩下的元素放进另一个数组里面。

以下代码的结果与使用 Array.prototype.slice() 类似:

const [a, b, ...arr] = [1, 2, 3, 4, 5, 7];
console.log(a, b);
console.log(arr);

控制台将显示 1, 2[3, 4, 5, 7]

变量 ab 分别接收数组的第一个和第二个值。 之后,因为 rest 操作符的存在,arr 获取了原数组剩余的元素的值。 rest 操作符只能对数组列表最后的元素起作用。 这意味着你不能使用 rest 操作符来截取原数组中间的元素作为子数组。

--instructions--

使用解构赋值以及 rest 操作符来进行和 Array.prototype.slice() 相同的操作,使 arr 是原数组 source 除开前两个元素的子数组。

--hints--

arr 应该是 [3,4,5,6,7,8,9,10]

assert(arr.every((v, i) => v === i + 3) && arr.length === 8);

source 应该是 [1,2,3,4,5,6,7,8,9,10]

assert(source.every((v, i) => v === i + 1) && source.length === 10);

不应该使用 Array.slice()

(getUserInput) => assert(!getUserInput('index').match(/slice/g));

应该对 list 进行解构赋值。

assert(
  __helpers
    .removeWhiteSpace(code)
    .match(/\[(([_$a-z]\w*)?,){1,}\.\.\.arr\]=list/i)
);

--seed--

--seed-contents--

const source = [1,2,3,4,5,6,7,8,9,10];
function removeFirstTwo(list) {
  // Only change code below this line
  const arr = list; // Change this line
  // Only change code above this line
  return arr;
}
const arr = removeFirstTwo(source);

--solutions--

const source = [1,2,3,4,5,6,7,8,9,10];
function removeFirstTwo(list) {
  const [, , ...arr] = list;
  return arr;
}
const arr = removeFirstTwo(source);