js中的数组解构,对象解构

数组解构 

将数组的单元值快速批量赋值给一系列变量的简洁语法

<script>
  // 普通的数组
  let arr = [1, 2, 3];
  // 批量声明变量 a b c 
  // 同时将数组单元值 1 2 3 依次赋值给变量 a b c
  let [a, b, c] = arr;
  console.log(a); // 1
  console.log(b); // 2
  console.log(c); // 3
</script>

对象解构

将对象属性和方法快速批量赋值给一系列变量的简洁语法

<script>
  // 普通对象
  const user = {
    name: '小明',
    age: 18
  };
  // 批量声明变量 name age
  // 同时将数组单元值 小明  18 依次赋值给变量 name  age
  const {name, age} = user

  console.log(name) // 小明
  console.log(age) // 18
</script>

通过属性对对象进行解构比数组解构更常见。

对象的解构看起来很更简单：

解构动态属性

const movie = { title: 'Heat' };

const { title } = movie; 

const {title} = movie创建一个变量title，并将属性movie.title的值赋给它。

不必静态地知道属性名，可以使用动态属性名称来解构对象。