ES6基础——解构赋值

目录

一、解构赋值

1，概念：

2，使用方式

例1—数组解构：

例2—对象解构：

---

一、解构赋值

1，概念：

       解构赋值，就是把赋值的数据变为简单数据来使用，把其中复杂的的数据解构出来单独使用，这是一种简洁且易读的从数组或对象中提取值并赋值给变量的语法。

2，使用方式

例1—数组解构：

数组解构允许你轻松地将数组元素赋值给变量。例如：

let [a, b, c] = [1, 2, 3];
console.log(a); // 输出: 1
console.log(b); // 输出: 2
console.log(c); // 输出: 3

你也可以跳过某些元素：

let [a, , c] = [1, 2, 3];
console.log(a); // 输出: 1
console.log(c); // 输出: 3
console.log(g); // 输出：undefined
//当输入不存在的字母，则会输出undefined

例2—对象解构：

对象解构允许你从对象中提取属性并赋值给变量。例如：

let {x, y} = {x: 1, y: 2};
console.log(x); // 输出: 1
console.log(y); // 输出: 2

你还可以在解构时指定变量名：

let {x: a, y: b} = {x: 1, y: 2};
console.log(a); // 输出: 1
console.log(b); // 输出: 2

 解构函数还支持默认值，如果值为undefined，默认值就生效，否则失效

const b=[1,2,3,4];
const [f,e,c,d="默认值d",g="默认值g"]=b;
console.log(f);//1
console.log(e);//2
console.log(d);//4
console.log(g);//默认值g