javasc解构赋值

JS

javasc解构赋值

1.获取对象的内容

从person里面获取想要的值，const{}获取对象的值，倘若对象为一个数组，{}要变为[]，变量名一定要与对象里面的名字相同，

 <script>
        const person={
            name:"jack",
            age:22,
            city:"chengdu"
        };
        const{name,age,city}=person;
    </script>

2.对象的嵌套

当我们需要查找的内容嵌套在对象里时，不能直接通过const{}=person查找，这样写程序只会在person里面查找内容，需要写成person.social

 <script>
         const person2={
            name:"jack",
            age:22,
            city:"chengdu",
            social:{
                number:"895519562",
                mail:"123@163.com"
            }
        };
        const {number,mail}=person2.social;
    </script>

那如果我们同时想要获取嵌套外的内容和嵌套内的内容该怎样写呢？

<script>
         const person2={
            name:"jack",
            age:22,
            city:"chengdu",
            social:{
                number:"895519562",
                mail:"123@163.com"
            }
        };
        const {name,social:{number}}=person2;
    </script>

3.改变获取值的变量名

当我们不想使用初始的变量名，怎样去修改呢？

<script>
         const person2={
            name:"jack",
            age:22,
            city:"chengdu",
            social:{
                number:"895519562",
                mail:"123@163.com"
            }
        };
        const {
            name:peronName,
            social:{number:num}}=person2;
    </script>