ES6数组解构、对象解构

最新推荐文章于 2022-02-09 14:56:43 发布

这个妹妹我见过

最新推荐文章于 2022-02-09 14:56:43 发布

阅读量270

点赞数

分类专栏： Vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_37090394/article/details/122516455

版权

Vue 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 数组解构
        let arr = [1, 2, 3]
        // let a = arr[0]
        // let b = arr[2]
        // let c = arr[3]
        const [a, b, c] = arr
        console.log(a, b, c)
        const person = {
            name: "jack",
            age:18,
            sex:"男"
        }

        // let name = person.name
        // let age = person.age
        // let sex = person.sex
        // console.log(name, age, sex)
        
        // 解构表达式获取值，将 person 里面每一个属性和左边对应赋值 
        // const {name, age, sex} = person; 
        // 等价于下面 
        // 可以分别打印 
        // console.log(name); 
        // console.log(age); 
        // console.log(sex); 
        //扩展：如果想要将 name 的值赋值给其他变量，可以如下,nn 是新的变量名 
        const { name: nn, age, sex} = person;
        console.log(nn); 
        console.log(age); 
        console.log(sex);


    </script>
</body>

</html>

这个妹妹我见过

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ES6数组解构、对象解构

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
复制链接

扫一扫

专栏目录