--- id: 587d7b89367417b2b2512b48 title: Use the Spread Operator to Evaluate Arrays In-Place challengeType: 1 forumTopicId: 301222 localeTitle: 使用 spread 运算符展开数组项 --- ## Description
ES6 允许我们使用 展开操作符 来展开数组,以及需要多个参数或元素的表达式。 下面的 ES5 代码使用了apply()来计算数组的最大值: ```js var arr = [6, 89, 3, 45]; var maximus = Math.max.apply(null, arr); // returns 89 ``` 我们必须使用Math.max.apply(null,arr),是因为直接调用Math.max(arr)会返回NaNMath.max()函数需要传入的是一系列由逗号分隔的参数,而不是一个数组。 展开操作符可以提升代码的可读性,这对后续的代码维护是有积极作用的。 ```js const arr = [6, 89, 3, 45]; const maximus = Math.max(...arr); // returns 89 ``` ...arr返回了一个“打开”的数组。或者说它 展开 了数组。 然而,展开操作符只能够在函数的参数中,或者数组之中使用。下面的代码将会报错: ```js const spreaded = ...arr; // will throw a syntax error ```
## Instructions
使用展开操作符将arr1中的内容都赋值到arr2中去。
## Tests
```yml tests: - text: arr2的值是由arr1拷贝而来的。 testString: assert(arr2.every((v, i) => v === arr1[i])); - text: 用...展开操作符来赋值arr1。 testString: assert(code.match(/Array\(\s*\.\.\.arr1\s*\)|\[\s*\.\.\.arr1\s*\]/)); - text: 当arr1改变的时候,arr2不会改变。 testString: assert((arr1, arr2) => {arr1.push('JUN'); return arr2.length < arr1.length}); ```
## Challenge Seed
```js const arr1 = ['JAN', 'FEB', 'MAR', 'APR', 'MAY']; let arr2; arr2 = []; // change this line console.log(arr2); ```
## Solution
```js const arr1 = ['JAN', 'FEB', 'MAR', 'APR', 'MAY']; let arr2; arr2 = [...arr1]; ```