JavaScript 中的解构赋值

发布时间:2024年01月23日

解构赋值是JavaScript中一种非常有用的特性,它允许我们从数组或对象中提取数据,并将其赋值给变量。以下是一些使用解构赋值的示例:

  1. 从数组中解构赋值:

    const [a, b] = [1, 2];  
    console.log(a); // 输出: 1  
    console.log(b); // 输出: 2

    在这个例子中,我们从数组[1, 2]中提取了第一个和第二个元素,并将它们分别赋值给了变量ab

  2. 从对象中解构赋值:

    const { name, age } = { name: "Alice", age: 30 };  
    console.log(name); // 输出: Alice  
    console.log(age); // 输出: 30

    在这个例子中,我们从对象{ name: "Alice", age: 30 }中提取了nameage属性,并将它们分别赋值给了变量nameage

  3. 嵌套数组或对象的解构赋值:

    const user = {  
      name: "Alice",  
      address: {  
        street: "123 Main St",  
        city: "Anytown",  
        state: "CA",  
        zip: "12345"  
      }  
    };  
      
    const { name, address: { city, state } } = user;  
    console.log(name); // 输出: Alice  
    console.log(city); // 输出: Anytown  
    console.log(state); // 输出: CA

    在这个例子中,我们从嵌套的对象user中提取了nameaddress对象的citystate属性,并将它们分别赋值给了变量namecitystate

文章来源:https://blog.csdn.net/H2608520347/article/details/135767427
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。