解构赋值
解构赋值是一种快速为变量赋值的简洁语法,本质上仍然是为变量赋值
数组解构
数组解构是将数组的单元值快速批量赋值给一系列变量的简洁语法
基本语法:
1. 赋值运算符 = 左侧的 [] 用于批量声明变量,右侧数组的单元值将被赋值给左侧的变量
2. 变量的顺序对应数组单元值的位置依次进行赋值操作
javascript">
//同时将数组单元值 100 60 80 依次赋值给变量 max min avg
const [max,min,avg] = [100,60,80]
console.log(max) //最大值 100
console.log(min) //最小值 60
console.log(avg) //平均值 80
基本语法:典型应用交互2个变量
javascript">let a = 1
let b = 2; //注意这边一定要有 分号
[b,a] = [a,b]
console.log(a) //2
console.log(b) //1
js 前面必须加分号情况有:
1.立即执行函数
javascript">(function fn() {} )();
//或则
;(function fn() {} )()
2.数组结构
数组开头的,特别是前面有语句的 别忘记加 分号
javascript">let a = 1
let b = 2
;[b,a] = [a,b]
变量多 单元值少的情况:
变量的数量大于单元值数量时,多余的变量将被赋值为 undefined
javascript">const [a,b,c,d] = ['小帅','小美','小刚']
console.log(a,b,c,d) //小帅 小美 小刚 undefined
变量少 单元值多的情况: