- 常见解构
解构存在主要是便于数据的提取,对象数组都可以用解构来提取数据
let person = {
name: '天明',
age: '19',
sex: 'male'
}
let { name: myname, age, sex } = person;
console.log(myname, age, sex);
let arr = [1, 2, 3];
let [ a, b, c, d = 4 ] = arr;
let [ , ,lastnumber ] = arr;
console.log(a, b, c, d);
console.log(lastnumber);
当解构参数多余实际内容时,解构变量值为undefined,同样的像之前参数一样我们可以给他们附上初始化值格式也是一样的,解构时也可以修该对象属性名,案例中name:myname这一步,解构也是可以嵌套的,多层关系,数组的解构还可以,空变量只取后面的,如案例中lastnumber。
- 数组解构赋值以及应用:
let arr = [a = 1, b = 2, c = 3];
[ a, b, c ] = arr;
let c = 1,
d = 2;
[ a, b ] = [ b, a ];
剩余项也可以用到解构之中
let arr = [1, 2, 3];
let [ ...arr1 ] = arr;
- 参数解构
传递参数时我们同样也可以采用解构的方式来,解构方式当做参数当没有传递该为参数时会报错我们要在解构时给他们加上一个空对象或空数组才行
let arr = [1, 2];
function add(a, [ b, c ] = []){
return a + b + c;
}
add(1);
add(1, arr);