JS解构赋值详解

1、 概念

ES6 提供了更简洁的赋值模式，从数组和对象中提取值，这被称为解构。

2、 什么是解构赋值

解构赋值是一种快速为变量赋值的简洁语法，本质上仍然是为变量赋值

通俗来说，即解析某一数据的结构，将我们想要的东西提取出来，赋值给变量或常量。
示例：

	const arr = [1,2,3]
    const [a,b,c]= arr
    console.log(a,b,c);

将数组里的值获取出来，赋值给 a,b,c

3、 数组解构

3.1 数组解构的概念

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

3.2 基本语法

1. 赋值运算符 = 左侧的 [ ] 用于批量声明变量，右侧数组的单元值将被赋值给左侧的变量
2. 变量的顺序对应数组单元值的位置依次进行赋值操作。

通过例子来理解一下：

1. 第一种方法

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

2. 第二种方法

 	//同时将数组单元值1，2，3依次赋值给变量a,b,c
    const [a, b, c] = [1, 2, 3]
    console.log(a, b, c);//1,2,3

3.3 典型应用交互2个变量

1、传统写法

	let a = '张三'
    let b = '李四'
    let tem = ''
    tem = a
    a = b
    b = tem
    console.log(a,b); //李四，张三

2、数组解构写法

 	let a = '张三'
    let b = '李四';