zoukankan      html  css  js  c++  java
  • es6之结构赋值

    结构赋值是es6中的新写法,方便快捷!
    结构赋值:从数组和对象中提取值,对变量进行赋值。

    1、数组的结构赋值

     1、可以嵌套
      2、可以赋初始值
      3、左右格式保持一致
    // let [a,b,c] = [1,4,3];
    // console.log(a,c,b)
    
    // let [a,b,[c,d],e] = ['a','b',['c','d','e'],'e1']
    // console.log(a,b,c,d,e)
    
    // let [a,b,c,d=1] = [10,11,12];
    // console.log(a,b,c,d)

    2、对象结构赋值

     1、左边变量名,右边变量名+2、可以嵌套、格式保持一致即可
      3、可以赋初始值
    
    // var a = {name:'zs',age:18}
    // var {a,b,c} = {'a':{name:'zs',age:18},'b':2,'c':3}
    // console.log(a,b,c)
    
    // var {b} = {'b':2}
    // console.log(b)  //2
    
    
    //    var {a:b} = {'b':2}
    //    console.log(b)  //undefined
    
    
    //     var {b:{c}} = {'b':{c:3}}
    //     console.log(a) //2
    //    console.log(b)//undefined
    //    console.log(c)

    3、字符串结构赋值

      var str = 'tianliang'
      let [a,b,c,d,e,f,g] = str;
      console.log(a,b,c,d,e,f,g);
      let [a1,b1,c1,d1,e1,f1,g1] = 'we lcome ';
      console.log(a1,b1,c1,d1,e1,f1,g1)
      console.log(d1)
  • 相关阅读:
    打印出1-10000之间的所有对称数(如121,1331,2442)
    代码块
    javascript判断数据类型
    块和内嵌
    xhtml+css基础知识2
    xhtml+css基础知识1
    清除浮动
    margin注意问题
    javascirpt 闭包
    css3 box-sizing属性
  • 原文地址:https://www.cnblogs.com/chengxiao35/p/13598637.html
Copyright © 2011-2022 走看看