ES6 解构

destructuring：百度百科的意思是结构分解，ES6 中允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）

作用:这是一种将数据结构分解为更小的部分的过程，从而达到简化提取信息的目的
<script>
★解构：允许数组和对象，按照一定的方式对变量进行赋值。
★数组解构。数组元素依次赋值给变量
    let[a,b,c,d]=[1,2,3,4];
    console.log(a,b,c,d);

    // 相当于声明了z，但是没有赋值。undefined
    // let[x,y,z]=[1,2];
    // console.log(x,y,z)

    // 如果有多余的值，不会报错。
    let[x,y,z]=[1,2,3,4,5];
    console.log(x,y,z);

★交换值
    let m=10;
    let n='hello';
    [n,m]=[m,n];
    console.log(m,n)

★对象解构：和数组解构不一样，数组是有顺序的。对象只能按照属性来进行解构
    let{name,age}={
        name:'zs',
        age:12
    }
    console.log(name,age)

    // 变量声明以后，一般不会报错。
    let{n1,a1}={
        x:12,
        y:12
    };
    console.log(n1,a1)

★字符串解构 和数组解构类似
    let [x1,y1,z1]='hello';
    console.log(x1,y1,z1);//输出 h e l

★字符串解构，特殊用法。len存储的是字符串的长度
    let{length:len}='h';
    console.log(len)//输出1
</script>