解构赋值1-数组解构

2022-04-01 18:31:56 阅读：175 来源： 互联网

ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）

数组的解构赋值的基本用法：

1.按照对应位置，对变量赋值

1 let [a, b, c] = [1, 2, 3];

2.本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值

 1 let [foo, [[bar], baz]] = [1, [[2], 3]];
 2 foo // 1
 3 bar // 2
 4 baz // 3
 5 let [ , , third] = ["foo", "bar", "baz"];
 6 third // "baz"
 7 let [x, , y] = [1, 2, 3];
 8 x // 1
 9 y // 3
10 let [head, ...tail] = [1, 2, 3, 4];
11 head // 1
12 tail // [2, 3, 4]
13 let [x, y, ...z] = ['a'];
14 x // "a"
15 y // undefined
16 z // []

如果解构不成功，变量的值就等于undefined

3.不完全解构

等号左边与一部分右边匹配

let [x, y] = [1, 2, 3];
x // 1
y // 2
let [a, [b], d] = [1, [2, 3], 4];
a // 1
b // 2
d // 4

4.如果等号右边不是数组或者不是可遍历的结构，将会报错

// 报错
let [foo] = 1;
let [foo] = false;
let [foo] = NaN;
let [foo] = undefined;

5.默认值

解构赋值允许指定默认值

let [foo = true] = [];
foo // true
let [x, y = 'b'] = ['a']; // x='a', y='b'
let [x, y = 'b'] = ['a', undefined]; // x='a', y='b'

es6内部使用严格相等符 === 来判断一个位置是否有值，所以只有当成员严格等于undefined时，默认值才会生效

let [x = 1] = [undefined];
x // 1
let [x = 1] = [null];
x // null

如果默认值为一个表达式，那么这个表达式是惰性求值的，即只有在用到的时候，才会求值

默认值可以引用解构赋值的其他变量，但该变量必须已经声明

let [x = 1, y = x] = [];     // x=1; y=1
let [x = 1, y = x] = [2];    // x=2; y=2
let [x = 1, y = x] = [1, 2]; // x=1; y=2
let [x = y, y = 1] = [];     // ReferenceError: y is not defined

标签：默认值,undefined,解构,let,数组,foo,赋值
来源： https://www.cnblogs.com/joliezz/p/16088397.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

解构赋值1-数组解构