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

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

示例： 此示例显示了JavaScript中解构的基本示例。

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

输出：

10
20

在Arrays中： 在Arrays中，对应元素的值被存储在变量中。

示例1： 为了在应用数组解构概念时给数组赋予默认值，我们需要使用一些值来初始化这些变量。通过这种方式，变量将被赋予默认值。下面是通过一个示例来实现这个概念。

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

输出：

10
20
30

示例2： 如果对应变量有任何值存在，则它将采用该值；否则，它将采用默认变量。以下代码片段更详细地解释了这些行为。

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： 对象中的解构应用和实现与数组相同。以下是两个代码片段，演示如何在对象中使用默认值。

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

输出：

Krishna
18

示例 2： 对象中的解构应用和实现与数组中的解构相同

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

输出：

Krishna
21