ES6第二天学习数组解构赋值

一、什么是解构赋值？

• 结构赋值语法是一个JavaScript表达式，这使得可以将值从数组或属性从对象提取到不同的变量中

二、都有什么解构赋值

• 数组的解构赋值

//1、
        const arr=[1,2,3,4];
        let [a,b,c,d]=arr;
        console.log(a+'='+b+'='+c+'='+d);//1 =2=3=4
//2、
//复杂的匹配是利用索引的进行匹配两边格式要一样
    const arr=['a','0',['c','d',['e','f','g']]];
        const [,,b]=arr;
        console.log(b);//(3) ["c", "d", Array(3)]
    const [,,[,,b]]=arr;
        console.log(b);//3) ["e", "f", "g"]

• 对象的解构赋值
• 字符串的解构赋值
• 数值和布尔值的结构赋值
  *函数参数的结构赋值

三、扩展运算符...

const arr1=[1,2,3];
const arr2=['q','3'];
const arr3=['aa','1'];
const arr4=[...arr1,...arr2,...arr3];
console.log(arr4);//) [1, 2, 3, "q", "3", "aa", "1"]

扩展运算符可以展开数组

• 用法...数组名

3.1他和结构数组的使用

const arr=[1,2,3,4,5,6]
const [a,b,...c]=arr;//c=[3,4,5,6]

四、默认值:当是undefined就会选择默认值

const arr=[2,undefined,undefined];
const [a,b=2,c=2,d]=arr;

五、交换变量

let a=10;
let b=90;
[a,b]=[b,a];

六、接收 多个函数返回值

function getUserInfo(id){
return [
true,{
name:'小明'，
gender:'女'，
id：id
},‘请求成功’
];
}
//接收返回值
const [status,data,msg]=getUserInfo(12);