JavaScript ES6新增运算符表达式 1.结构赋值2.数组结构赋值语法3.对象结构 细细细

一：解构赋值

概念及意义

ES6 允许按照一定模式，将数组和对象中的值提取出来并赋值给变量，这一过程称为解构赋值。

二：数组解构赋值的语法：let [模式] = [数组]

1.数组完全解构

代码案例：

<script>
        let arr = [2, 1, 66, 99];
        //es5:
        // let x = arr[0],
        //     y = arr[1],
        //     m = arr[2],
        //     n = arr[3];
        // console.log(x, y, m, n);

        //es6:数组解构赋值：
        //注意：数组解构赋值时要注意变量的先后顺序，因为数组是一个有序集合。

        //1)、数组完全解构赋值
        // let [x, y, m, n] = arr;
        let [m, n, x, y] = arr;
        // console.log(x, y, m, n);

        
    </script>

2.数组不完全解构

代码案例：

   <script>
        let arr = [2, 1, 66, 99];


        //2)、数组不完全解构赋值：
        //m解构失败时则默认值为undefined
        [, x, , y, m] = ['yes', 11, 99, 'Hello&#