理解JavaScript解构赋值？（简单了解）

Javascript解构赋值一般应用于数组和对象，下面分别来看这两种解构赋值！ 

• 数组解构
• 对象解构

一：数组解构

数组解构用[ ] ，[ ]里面放自己取的变量名。下面来看个例子

  <script>
        let arr = ['小明', '小红', '小亮'];
        [a, b] = arr;
        console.log(a);
        console.log(b);

    </script>

此时a打印的是小明，b打印的是小红，值得注意的是如果前面的变量名大于赋值元素的个数时，后面的值都是undefined！

二：对象解构

对象解构用{ }，{ }里面放自己取的变量名。对象的解构与数组有一个重要的不同。数组的元素是按次序排列的，变量的取值由它的位置决定；而对象的属性没有次序，变量必须与属性同名，才能取到正确的值。

下面来看个例子

const { foo, bar } = { foo: "aaa", bar: "bbb" };
foo // "aaa"
bar // "bbb"