ES6解构代替concat数组拼接

数组解构

• 经过解构，接下来的操作完全可以种对变量操作，而不是原来的数组元素

let arr =['元旦','中秋']
let [NYD,MAF] = arr
console.log(NYD);//元旦
console.log(MAF);//中秋

• 当与 split 函数（或其他返回值是数组的函数）结合使用时，看起来就更优雅了：

• let [NYD,MAF] = '中秋 元旦'.split(' ') //NYD:中秋；MAF: 元旦

‘解构’并不意味‘破坏’

• 通过将解构中的各元素复制到变量中来达到‘解构’的目的，但是数组本身没有被修改

忽略使用都好的元素

• 在数组里有不想要的元素也可以通过额外的逗号来丢弃它们：

• let [A,,C] = ['a','b','c'] console.log(C); // c

合并数组

let a = [1,2,3];
let b = [4,5,6];
let c = [...a,...b]
console.log(c);//[1,2,3,4,5,6]

等号右侧可以是任何可迭代对象

• 实际上，我们可以将其任何的迭代对象一起使用，而不是仅限于数组：

let [A,B,C]  = 'abc';
let [O,T,TH] = new Set([1,1,3,4]); //[1,3,4]
console.log(A);//a
console.log(T);//3

赋值给等号左侧的任何内容

• 可以给等号左侧使用任何‘可以被赋值的’内容

var user = {}
console.log(user.name);
[user.name, user.age] = 'CSDN 几岁了'.split(' ')
console.log(user.name); //CSDN

与.entries()方法进行循环操作

1.普通的对象

let user ={
    name:'元旦',
    date:'1.1'
}

for (let  [key,value] of Object.entries(user)) {
    console.log(`${key}:${value}`);    
}
//name:元旦
//date:1.1

2. map对象

let user = new Map();
user.set("name","元旦");
user.set('date','1.1');
for (let  [key,value] of user) {
    console.log(`${key}:${value}`);    
}
//name:元旦
//date:1.1

3. 交换变量值

let G = 'g';
let H = 'h';
[G,H] = [H,G];
console.log(G,H);//h,g

剩余的用**…**

若获取的不只是要获得第一个值，还需要把后面的元素都收集起来，得需要用**…**和一个参数来接收’剩余‘的元素

let [a, b, ...c] = ['q', 'w', 'e', 'x', 'd']
console.log(a);//q
console.log(c);//[ 'e', 'x', 'd' ]

默认值

• 变量的数量多于数组中实际元素的数量，未赋值的变量被认为undefined,若是想要一个默认的值 赋给未赋值的变量，可以使用**=**

let [name =" NAME",age ='20'] = ['Name'];
console.log(name);//Name；
console.log(age);//20