JS 对象解构赋值

最新推荐文章于 2024-07-21 22:44:04 发布

浮生666

最新推荐文章于 2024-07-21 22:44:04 发布

阅读量3.2k

点赞数 4

分类专栏： js 文章标签： js object html5 css3

本文链接：https://blog.csdn.net/qq_43069664/article/details/119205604

版权

js 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

结构赋值：顾名思义，就是先把对象结构拆开，然后再获取到属性值，把值赋值给变量使用，减少代码编写量，例子如下：

<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <title>js对象结构赋值</title>
</head>

<body>

</body>
<script>
    var obj = {
        name: "李四",
        age: "20",
    }
    var { name: a, age: b } = obj
    console.log(a, b); //李四 20
    //含义是从obj对象中找到name，age属性，分别赋值给a，b;

    //以上写法也可以简写如下：
    var { name, age } = obj; //等价于var { name:name, age:age } = obj;
    console.log(name, age); //李四 20


    //嵌套对象结构赋值如下：
    var obj = {
        name: "张三",
        age: "18",
        newObj: {
            sex: "男",
            hobby: "shopping"
        }
    }
    var { newObj } = obj;
    var { sex, hobby } = newObj;
    console.log(sex, hobby); //男 shopping

    //以上写法也可以简写如下：
    var { newObj: { sex, hobby } } = obj
    console.log(sex, hobby); //男 shopping
</script>

</html>

浮生666

关注

4
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JS 对象解构赋值

结构赋值：顾名思义，就是先把对象结构拆开，然后再获取到属性值，把值赋值给变量使用，例子如下：<html><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" /> <title>js对象结构赋值</title></head><body&g
复制链接

扫一扫

专栏目录