对象的解构

深碍√TFBOYSˉ_ 2023-10-15 20:14 63阅读 0赞

### 为什么需要解构 ###

### 解构赋值时重命名 ###

在之前的例子中，我们使用与对象属性名相同的变量名称，当然，我们也可以定义与属性名不同的变量名称。

const information = {
        
            firstName: "coder",
            lastName: "easy",
            age: "99",
          };
          const {
         fullname: name, age: old } = information;
    
          console.log(name);
          console.log(old);

在这里，我们创建了两个局部变量：fullname , old，并将 fullname 映射到 name，age映射到 old。

### 解构时的默认值 ###

使用解构赋值表达式时，如果指定的局部变量名称在对象中不存在，那么这个局部变量会被赋值为 undefined，就像这样：

const information = {
        
            firstName: "coder",
            lastName: "easy",
            age: "99",
          };
    
    let {
        address} = information ;
    console.log(address); // undefined

这段代码额外定义了一个局部变量 age，然后尝试为它赋值，然而在 person 对象上，没有对应属性名称的属性值，所以它像预期中的那样赋值为 undefined。  
当指定的属性不存在时，可以定义一个默认值，在属性名称后添加一个等号（=）和相应的默认值即可：

const person = {
        
          name: "codereasy",
          age: "99",
          // address: "美国",
        };
        let {
         age = 20, address: addr = "中国" } = person;
        console.log(age);
        console.log(addr);