JavaScript 稀疏数组

Jackson Mseven

已于 2023-04-25 21:44:16 修改

阅读量539

点赞数 2

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： javascript 前端 ecmascript 开发语言 es6

于 2023-04-25 21:43:42 首次发布

本文链接：https://blog.youkuaiyun.com/Jackson_Mseven/article/details/130374301

JS 专栏收录该内容

23 篇文章

订阅专栏

稀疏数组在JavaScript中允许有未定义的“空槽”，这些空槽在某些操作中被视为undefined。例如，通过索引访问时返回undefined，但在迭代如map、forEach等方法时会被跳过。扩展运算符在处理稀疏数组时也会将空槽视为undefined。此外，for...in循环和Object的方法如keys、values、entries只遍历已定义的索引。

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

1、稀疏数组定义

数组可以包含“空槽”，这与用值 undefined 填充的槽不一样。空槽可以通过以下方式之一创建：

Array 构造函数

console.log(new Array(5)); // Array [ <5 empty items> ]

字面量中的连续逗号

console.log([1, 2, , , 5]); // Array [ 1, 2, <2 empty items>, 5 ]

直接给大于 array.length 的索引设置值

const arr = [1, 2];
arr[4] = 5;
console.log(arr); // Array [ 1, 2, <2 empty items>, 5 ]

通过直接设置 .length 拉长一个数组

const arr = [1, 2];
arr.length = 5;
console.log(arr); // Array [ 1, 2, <3 empty items> ]

删除一个元素

const arr = [1, 2, 3, 4, 5];
delete arr[2];
console.log(arr); // Array [ 1, 2, <1 empty item>, 4, 5 ]

2、稀疏数组的空槽特性

2.1、被视为undefined

在某些操作中，空槽的行为就像它们被填入了 undefined 那样。

通过索引访问

const arr = [1, 2, , , 5];
console.log(arr[2]); // undefined

for…of

const arr = [1, 2, , , 5];
for (const item of arr) {
  console.log(item);
}
// 1 2 undefined undefined 5

数组中使用扩展运算符

const arr = [1, 2, , , 5];
const newArr = [...arr];
console.log(newArr); // Array [ 1, 2, undefined, undefined, 5 ]

2.2、在数组迭代中被跳过

map

const arr = [1, 2, , , 5];
arr.map(item => console.log(item)); // 1 2 5

forEach

const arr = [1, 2, , , 5];
arr.forEach(item => console.log(item )); // 1 2 5

filter

const arr = [1, 2, , , 5];
arr.filter(item => console.log(item)); // 1 2 5

some

const arr = [1, 2, , , 5];
arr.some(item => console.log(item)); // 1 2 5

Object.keys()

const arr = [1, 2, , , 5];
console.log(Array.from(Object.keys(arr))); // Array ['0', '1', '4']

Object.values()

const arr = [1, 2, , , 5];
console.log(Array.from(Object.values(arr))); // Array [1, 2, 5]

Object.entries()

const arr = [1, 2, , , 5];
console.log(Array.from(Object.entries(arr))); // Array [['0', 1], ['1', 2], ['4',]]

for…in

const arr = [1, 2, , , 5];
for (const key in arr) {
  console.log(key); // 0 1 4
}

对象中使用扩展运算符

const arr = [1, 2, , , 5];
console.log({ ...arr }); // Object {'0': 1, '1': 2, '4': 5}