[ES6]数组和对象的解构赋值

95 阅读1分钟

ES6允许按照一定的模式从数组和对象中提取值,对变量进行赋值,这就叫做解构赋值。

1、数组的解构赋值。在实际开发中用得比较少

<script>
  const CITY = ['重庆', '北京', '上海', '天津'];  let [BeiJing, ChongQing, TianJing, ShagHai] = CITY;  console.log(BeiJing); //重庆  console.log(ChongQing); //北京  console.log(TianJing); //上海  console.log(ShagHai); //天津

  //变量名不影响赋值顺序
</srcipt>

2、对象的解构赋值

<script>    const friend = {      name: '小品',      age:18,      sing: function(){        console.log('唱一首《卖报歌》');      }    };    // let {name,age,sing} = friend;    // console.log(name);//小品    // console.log(age);//18    // console.log(sing);//ƒ (){    //                     //console.log('唱一首《卖报歌》');    //                   //}    // sing();//唱一首《卖报歌》    //在实际开发中对象的方法解构赋值用得比较多    let {sing} = friend;    sing(); //唱一首《卖报歌》 </script>