2018-10-10 18:03:03 -04:00
|
|
|
---
|
|
|
|
id: 587d7b89367417b2b2512b4b
|
2021-03-14 21:20:39 -06:00
|
|
|
title: 使用解构赋值从数组中分配变量
|
2018-10-10 18:03:03 -04:00
|
|
|
challengeType: 1
|
2020-08-04 15:13:35 +08:00
|
|
|
forumTopicId: 301213
|
2021-01-13 03:31:00 +01:00
|
|
|
dashedName: use-destructuring-assignment-to-assign-variables-from-arrays
|
2018-10-10 18:03:03 -04:00
|
|
|
---
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --description--
|
|
|
|
|
2021-03-14 21:20:39 -06:00
|
|
|
在 ES6 里面,解构数组可以如同解构对象一样简单。
|
2020-12-16 00:37:30 -07:00
|
|
|
|
2021-03-14 21:20:39 -06:00
|
|
|
与数组解构不同,数组的扩展运算会将数组里的所有内容分解成一个由逗号分隔的列表。 所以,你不能选择哪个元素来给变量赋值。
|
2020-12-16 00:37:30 -07:00
|
|
|
|
2021-03-14 21:20:39 -06:00
|
|
|
而对数组进行解构却可以让我们做到这一点:
|
2020-08-04 15:13:35 +08:00
|
|
|
|
|
|
|
```js
|
|
|
|
const [a, b] = [1, 2, 3, 4, 5, 6];
|
2021-03-14 21:20:39 -06:00
|
|
|
console.log(a, b);
|
2020-08-04 15:13:35 +08:00
|
|
|
```
|
|
|
|
|
2021-03-14 21:20:39 -06:00
|
|
|
控制台将显示 `a` 和 `b` 的值为 `1, 2`。
|
|
|
|
|
|
|
|
数组的第一个值被赋值给变量 `a`,数组的第二个值被赋值给变量 `b`。 我们甚至能在数组解构中使用逗号分隔符,来获取任意一个想要的值:
|
2020-08-04 15:13:35 +08:00
|
|
|
|
|
|
|
```js
|
|
|
|
const [a, b,,, c] = [1, 2, 3, 4, 5, 6];
|
2021-03-14 21:20:39 -06:00
|
|
|
console.log(a, b, c);
|
2020-08-04 15:13:35 +08:00
|
|
|
```
|
|
|
|
|
2021-03-14 21:20:39 -06:00
|
|
|
控制台将显示 `a`、`b` 和 `c` 的值为 `1, 2, 5`。
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --instructions--
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2021-03-14 21:20:39 -06:00
|
|
|
使用数组解构来交换变量 `a` 与 `b` 的值,使 `a` 接收 `b` 的值,而 `b` 接收 `a` 的值。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --hints--
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2021-03-14 21:20:39 -06:00
|
|
|
交换后,`a` 的值应该为 `6`。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
```js
|
|
|
|
assert(a === 6);
|
2018-10-10 18:03:03 -04:00
|
|
|
```
|
|
|
|
|
2021-03-14 21:20:39 -06:00
|
|
|
交换后,`b` 的值应该为 `8`。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
|
|
```js
|
2020-12-16 00:37:30 -07:00
|
|
|
assert(b === 8);
|
2018-10-10 18:03:03 -04:00
|
|
|
```
|
|
|
|
|
2021-03-14 21:20:39 -06:00
|
|
|
应使用数组解构来交换 `a` 和 `b` 的值。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
|
|
```js
|
2020-12-16 00:37:30 -07:00
|
|
|
assert(/\[\s*(\w)\s*,\s*(\w)\s*\]\s*=\s*\[\s*\2\s*,\s*\1\s*\]/g.test(code));
|
2018-10-10 18:03:03 -04:00
|
|
|
```
|
2020-08-04 15:13:35 +08:00
|
|
|
|
2021-01-13 03:31:00 +01:00
|
|
|
# --seed--
|
|
|
|
|
|
|
|
## --seed-contents--
|
|
|
|
|
|
|
|
```js
|
|
|
|
let a = 8, b = 6;
|
|
|
|
// Only change code below this line
|
|
|
|
```
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --solutions--
|
|
|
|
|
2021-01-13 03:31:00 +01:00
|
|
|
```js
|
|
|
|
let a = 8, b = 6;
|
|
|
|
[a, b] = [b, a];
|
|
|
|
```
|