所谓解构,就是将一个复杂数据类型分解为一个普通数据类型数据, ECMAScript 6 新添加功能 。可以对数组和对象进行解构。
例:
let arr = [1,2,3];
let [a,b,c] = arr;
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3
//这里,就是将arr这个数组里面的值分解给了a,b,c
//逗号可以跳过不想解构的元素
例:
let arr = [1,2,3];
let [a,,b] = arr;
console.log(a); // 1
console.log(b); // 3
解构交换两个变量
let a = 1,b = 2;
[a,b] = [b,a];
console.log(a); // 2
console.log(b); // 1
扩展运算符 …
用于迭代对象每一项,可以用它快速展开一个数组
//1、
let a = ["Bill","Mary","Lucy"];
let b = [21,24,27];
let c = [...a,...b];
console.log(c);
// [ 'Bill', 'Mary', 'Lucy', 21, 24, 27 ]
//2、
let a = [1,2,3];
let b = [...a,4,5,6];
console.log(b);
// [ 1, 2, 3, 4, 5, 6 ]
//3、 也可以将字符串快速转换为数组
let str = "Hello";
let arr = [...str];
console.log(arr);
// [ 'H', 'e', 'l', 'l', 'o' ]