析构表达式

yuyu_2019

于 2019-11-21 15:33:26 发布

阅读量180

点赞数

CC 4.0 BY-SA版权

分类专栏： TypeScript

本文链接：https://blog.youkuaiyun.com/yuyu_2019/article/details/103182176

TypeScript 专栏收录该内容

9 篇文章

订阅专栏

本文深入探讨了JavaScript中解构赋值的使用方法，包括对象和数组的解构，以及如何利用...args捕获剩余元素。通过具体示例展示了如何重命名变量，访问嵌套属性，以及解构表达式的灵活性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

对象

function getStock() { 
    return {
        code: "IBM",
        price: {
            price1: 200,
            price2:400
        },
        aaa: "xixi",
        bbb:"haha"
    }
}

// code: codex 重命名变量名
// price: { price2 } 获取嵌套数据
var { code: codex, price: { price2 } } = getStock();

console.log(codex);
console.log(price2)

//输出
IBM
400

数组

var array1 = [1, 2, 3, 4];

var [number1, , , number2] = array1;

console.log(number1);
console.log(number2);

//输出
1
4

析构表达式+ …args

var array1 = [1, 2, 3, 4];

var [number1, number2, ...others] = array1;

console.log(number1);
console.log(number2);
console.log(others);

//输出
1
2
[3,4]