数组解构

2023/11/19 jses6

# 数组解构

# 1、解构赋值

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

例:

 let arr2 =[8,9,11];
 let [a,b,c]=arr2;
 console.log(a);
 console.log(b);
 console.log(c);
1
2
3
4
5

# 1.1 交换变量

这时a=b b=a,不需要额外变量,

前一行需要加分号,不然会JS自动断句会出问题

    let a= 10;
    let b=1;
    [b,a] =[a,b];
1
2
3

必须使用分号的情况:

  • 立即执行函数
  • (function(){})();
  • 使用数组时

# 1.2 细节

    let [a,b,...c]=[8,9,11,15];
    console.log(a);//8
    console.log(b);//9
    console.log(c);//[11,15]
1
2
3
4

多余变量值可以用可变参数

let [a = 0,b = 0]=[8,9];
1

设置默认值防止undefined传递

    let [a,,c,d]=[8,9,11,15];
1

按需导入,忽略某个值

# 2、多维数组的解构

  let [a,b,c]=[8,9,[11,15]];
	console.log(a);//8
    console.log(b);//9
    console.log(c);//[11,15]
1
2
3
4
  let [a,b,[c,d]]=[8,9,[11,15]];
	console.log(a);//8
    console.log(b);//9
    console.log(c);//11
	console.log(d);//15
1
2
3
4
5
最后更新于: 2024/2/27 17:14:39