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)
posted @ 2020-09-01 06:53  赛德·乌漆嘛黑  阅读(271)  评论(0编辑  收藏  举报