目录
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 基本语法
- 赋值运算符 = 左侧的 [ ] 用于批量声明变量,右侧数组的单元值将被赋值给左侧的变量
- 变量的顺序对应数组单元值的位置依次进行赋值操作。
通过例子来理解一下:
- 第一种方法
//普通的数组
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
- 第二种方法
//同时将数组单元值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 = '李四';