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"