2018-10-10 22:03:03 +00:00
---
id: 587d7b89367417b2b2512b48
2021-02-06 04:42:36 +00:00
title: Use the Spread Operator to Evaluate Arrays In-Place
2018-10-10 22:03:03 +00:00
challengeType: 1
2020-08-04 07:13:35 +00:00
forumTopicId: 301222
2021-01-13 02:31:00 +00:00
dashedName: use-the-spread-operator-to-evaluate-arrays-in-place
2018-10-10 22:03:03 +00:00
---
2020-12-16 07:37:30 +00:00
# --description--
2021-02-06 04:42:36 +00:00
ES6 introduces the < dfn > spread operator< / dfn > , which allows us to expand arrays and other expressions in places where multiple parameters or elements are expected.
2020-12-16 07:37:30 +00:00
2021-02-06 04:42:36 +00:00
The ES5 code below uses `apply()` to compute the maximum value in an array:
2020-08-04 07:13:35 +00:00
```js
var arr = [6, 89, 3, 45];
var maximus = Math.max.apply(null, arr); // returns 89
```
2021-02-06 04:42:36 +00:00
We had to use `Math.max.apply(null, arr)` because `Math.max(arr)` returns `NaN` . `Math.max()` expects comma-separated arguments, but not an array. The spread operator makes this syntax much better to read and maintain.
2020-08-04 07:13:35 +00:00
```js
const arr = [6, 89, 3, 45];
const maximus = Math.max(...arr); // returns 89
```
2021-02-06 04:42:36 +00:00
`...arr` returns an unpacked array. In other words, it *spreads* the array. However, the spread operator only works in-place, like in an argument to a function or in an array literal. The following code will not work:
2020-08-04 07:13:35 +00:00
```js
const spreaded = ...arr; // will throw a syntax error
```
2020-12-16 07:37:30 +00:00
# --instructions--
2018-10-10 22:03:03 +00:00
2021-02-06 04:42:36 +00:00
Copy all contents of `arr1` into another array `arr2` using the spread operator.
2018-10-10 22:03:03 +00:00
2020-12-16 07:37:30 +00:00
# --hints--
2018-10-10 22:03:03 +00:00
2021-02-06 04:42:36 +00:00
`arr2` should be correct copy of `arr1` .
2018-10-10 22:03:03 +00:00
2020-12-16 07:37:30 +00:00
```js
2021-02-06 04:42:36 +00:00
assert(arr2.every((v, i) => v === arr1[i]) & & arr2.length);
2018-10-10 22:03:03 +00:00
```
2021-02-06 04:42:36 +00:00
`...` spread operator should be used to duplicate `arr1` .
2018-10-10 22:03:03 +00:00
```js
2020-12-16 07:37:30 +00:00
assert(code.match(/Array\(\s*\.\.\.arr1\s*\)|\[\s*\.\.\.arr1\s*\]/));
2018-10-10 22:03:03 +00:00
```
2021-02-06 04:42:36 +00:00
`arr2` should remain unchanged when `arr1` is changed.
2018-10-10 22:03:03 +00:00
```js
2020-12-16 07:37:30 +00:00
assert((arr1, arr2) => {
arr1.push('JUN');
return arr2.length < arr1.length ;
});
2018-10-10 22:03:03 +00:00
```
2020-08-04 07:13:35 +00:00
2021-01-13 02:31:00 +00:00
# --seed--
## --seed-contents--
```js
const arr1 = ['JAN', 'FEB', 'MAR', 'APR', 'MAY'];
let arr2;
arr2 = []; // Change this line
console.log(arr2);
```
2020-12-16 07:37:30 +00:00
# --solutions--
2021-01-13 02:31:00 +00:00
```js
const arr1 = ['JAN', 'FEB', 'MAR', 'APR', 'MAY'];
let arr2;
arr2 = [...arr1];
```