js数组的解构与赋值

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

基本语法：

1.赋值运算符 = 左侧的 [] 用于批量生成变量，右侧数组的单元值将被赋值给左侧的变量

2.变量的顺序对应数组单元值的位置以次进行赋值操作

   const [max,avg,min]=[100,80,60]
   console.log(max,avg,min)

交换两个变量值

   let a=1
   let b=2;
   [b,a]=[a,b]
   console.log(a,b)

变量多单元值少的情况，多余的变量值为undefined

   const [c,d,e,f]=[1,2,3]
   console.log(c)
   console.log(d)
   console.log(e)
   console.log(f)//f的值为undefined

变量少单元值多的情况，可以利用解构赋值将多余的单元值赋值给数组

   const [g,h,...i]=[1,2,3,4,5]
   console.log(g)
   console.log(h)
   console.log(i)//i=[3,4,5]

防止有undefined传递单元值的情况，可以设置默认值

   const [j='手机',k='电脑']=['bb机']
   console.log(j)//j='bb机'
   console.log(k)//k='电脑'

按需导入赋值，忽略即可，但是位置要留下

   const [l,,m,n]=[1,2,3,4]
   console.log(l)//l=1
   console.log(m)//m=3
   console.log(n)//n=4

多维数组解构

   const [p,q,[r,s]]=[1,2,[3,4]]
   console.log(p)//p=1
   console.log(q)//q=2
   console.log(r)//r=3
   console.log(s)//s=4

归档