美文网首页工作生活
es6的解构赋值

es6的解构赋值

作者: 关耳木南 | 来源:发表于2019-07-01 16:37 被阅读0次
    <script>
        /*
            es6 允许按照一定的模式,从数组和对象中提取值,对变量进行赋值
            ,这被称为解构
         */
         var arr = [1,2,3];
         var [a,b,c] = arr;
         console.log(a,b,c);//1 2 3
         var obj = {
            d:4,
            e:5,
            f:6
         }  
         var {d:d,e:e,f:f} = obj;//对象的解构赋值
         // 当属性和值一样时,可以简写成 -> var {d,e,f}
         console.log(d,e,f)//4 5 6
    
         //二维数组解构赋值
         var arr1=[7,8,[9]];
         var [g,h,[i]]=arr1;//只要结构一样就可以赋值
         console.log(g,h,i);//7 8 9
         //rest剩余参数的解构赋值
         var arr2 = [1,2,3,4,5,6,7,8,9,10];
         var [m,n,...s] = arr2;
         console.log(m,n,s)//1 2 [3, 4, 5, 6, 7, 8, 9, 10]
         
    </script>
    

    相关文章

      网友评论

        本文标题:es6的解构赋值

        本文链接:https://www.haomeiwen.com/subject/gnqncctx.html