ES6 数组对象解构

最新推荐文章于 2024-07-12 11:06:13 发布

优价实习

最新推荐文章于 2024-07-12 11:06:13 发布

阅读量472

点赞数

分类专栏： JS面试题文章标签： js es6 object

本文链接：https://blog.csdn.net/weixin_44828588/article/details/114853135

版权

JS面试题专栏收录该内容

25 篇文章 2 订阅

订阅专栏

<!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>
        //   es6中允许数组提取值，按照对应位置，对变量赋值，对象也可以实现解构
        //1. 数组解构：允许我们按照意义对应的关系从数组提取
        let ary = [1, 2, 3]
        let [a, b, c] = [1, 2, 3]
        // a,b,c与数组的值一一对应
        // 如果变量与数组值不一致，此时解构不成功的值为undefined，也就是多余的变量为underfined
        // 2.对象结构
        // 按一定的模式，从数组中或者对象中提取，将提取的值赋值给另外一个变量
        // 2.1
        let person = {
            name: "zhang",
            age: 21
        }
        let {
            name,
            age
        } = person
        // 2.2写法
        let person = {
            name: "zhang",
            age: 21
        }
        let {
            name: MYname,
            age: Myage
        } = person
    </script>
</body>

</html>