ES6中数组的解构语法

L_jin_c

于 2020-08-31 01:06:29 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： ES6 文章标签： es6

本文链接：https://blog.csdn.net/l_jin_c/article/details/108314025

ES6 专栏收录该内容

12 篇文章

订阅专栏

本文详细探讨了ES6中的数组解构，包括完全解构和部分解构。尽管部分解构在处理大型数组时可能不便，但通过下标直接访问元素仍是常见做法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、数组完全解构


	let arr = [10, 20, 30];
	// 一次性获取数组的元素--完全解构比较方便
	let [a, b, c] = arr;
	console.log(a, b, c); //10 20 30

二、数组部分解构

以下代码使用英文的逗号’,'其实只是一个占位的作用，这里只会解构数组的第三个位置的数据出来。


	let arr = [10, 20, 30];
	// 如果想要获取数组中的某个元素，直接通过数组下标获取
	// console.log(arr[2]); //30
	// 如果用解构的方法获取单个元素，会麻烦些
	let [, , d] = arr;
	console.log(d); //输出的是30

其实如果想要获取数组中的某个元素，建议直接通过数组下标获取。如果数组数据太大，部分解构很不方便。


	let arr2 = [10, 20, [30, 40, 50]];
	// 单独取太麻烦
	let a = arr2[0];
	let b = arr2[1];
	let x = arr2[2][0];
	let y = arr2[2][1];
	let z = arr2[2][2];
	console.log(a, b, x, y, z); /10 20 30 40 50