在 JavaScript 中解构对象时如何设置默认值？

JavaScript 中的解构： ECMA Script 6 版本中引入了解构。这是一个概念，用于将数组和对象中的值解包或释放到变量中。对应于数组元素或对象属性的值存储在变量中。

例子：

Javascript

var a, b;
[a, b] = [10, 20];
  
console.log(a);
  
console.log(b);

输出：

10
20

在数组中：在数组中，相应元素的值存储在变量中。

示例 1：为了在数组中应用解构概念时在数组中给出默认值，我们需要用一些值来初始化值。这样，默认值将分配给变量。下面是通过这个概念的一个例子来实现的。

Javascript

let a, b, c ;
[a, b,c = 30] = [10, 20];
  
console.log(a);
  
console.log(b);
  
console.log(c);

输出：

10
20
30

示例 2：如果相应变量存在任何值，则它将采用该值，否则它将采用默认变量。下面的代码片段以更清晰和详尽的方式解释了这些行为。

Javascript

let a, b, c;
[a, b,c = 30] = [10, 20, 50];
  
console.log(a);
  
console.log(b);
  
console.log(c);

输出：如果我们在该数组中没有“50”，那么“c”将具有“30”值。

10
20
50

在对象中：相应属性的值存储在变量中。

例1：解构在对象中的应用和实现也和数组一样。下面是关于如何在对象中使用默认值的两个代码片段。

Javascript

const student = {
    name: "Krishna"
}
const { name, age = 18 } = student; 
  
console.log(name);
  
console.log(age);

输出：

Krishna
18

示例 2：

Javascript

const student = {
    name: "Krishna",
    age : 21
}
const { name, age = 18 } = student; 
  
console.log(name);
  
console.log(age);

输出：

Krishna
21