[ECMAScript] 第1183天 ES6的解构赋值时如何设置默认值？

[haizhilin2013]

trafficstars

第1183天 ES6的解构赋值时如何设置默认值？

3+1官网

我也要出题

[ID-LiuDaZhi]

1、可以使用 = 指定默认值 2、解构时指定别名

[Cai-zhiji]

解构赋值的定义

解构赋值是一种在 JavaScript 中从数组或对象中提取值并赋给变量的语法。它允许我们通过简洁的语法将数组和对象的元素解构到独立的变量中。

在解构赋值中，我们使用一对花括号 {} 或方括号 [] 来匹配数组或对象的结构，并将对应的值赋给变量。匹配的方式可以是按顺序匹配数组元素，或者按属性名称匹配对象的属性。

如何设置默认值

1. 对象解构赋值设置默认值

const { name, age = 18 } = person;
console.log(name);  // 如果 person 中存在 name 属性，则输出对应的值
console.log(age);   // 如果 person 中不存在 age 属性或其值为 undefined，则输出默认值 18

2. 数组解构赋值设置默认值：

const [a, b, c = 0] = array;
console.log(a);  // 如果 array 中存在第一个元素，则输出对应的值
console.log(b);  // 如果 array 中存在第二个元素，则输出对应的值
console.log(c);  // 如果 array 中不存在第三个元素或其值为 undefined，则输出默认值 0

解构赋值的作用

通过设置默认值，可以确保在解构过程中即使源值不存在，也可以正常赋予变量一个预先定义的值。

注意

在解构赋值时，只有当被解构的值为 undefined 或不存在时，才会应用默认值。对于其他假值（例如 null、空字符串、false 或 0），不会触发默认值的赋值。