总结前端常用数据结构之数组篇【JavaScript -包含常用数组方法】

原创

已于 2025-03-07 21:59:17 修改 · 793 阅读

23 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #数据结构 #javascript

于 2025-02-16 16:48:35 首次发布

骐骥一跃，不能十步;驽马十驾，功在不舍;锲而舍之，朽木不折;锲而不舍，金石可镂。——荀况引自《荀子，劝学》

创建数组：

以字面量的形式创建新数组：let arr1 = [1, 2, 3];
通过 Array 构造函数并传入一组元素（4,5,6）来创建一个新数组：let arr2 = new Array(4, 5, 6);

查找值：

在数组中可以根据下标/ 索引来查找值：arr[0] 、arr[1] 、arr[2]

常用的数组方法（吐血分享）：

【亲爱的读者，爱博主记得一键三连噢噢ooo~~】

第一类：增、删、改：

splice() - 任意位置添加、删除或替换元素:

splice() 方法允许你在数组的任意位置添加、删除或替换元素。这个方法会直接修改原数组，并返回一个包含被删除元素的新数组（如果没有删除元素，则返回一个空数组）。
使用结构：

array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

参数：

start：指定数组中开始修改的位置（索引）。如果该索引为负数，则从数组末尾开始计算位置（索引 -1 表示数组的最后一个元素）。
deleteCount（可选）：表示要移除的数组元素的个数。如果未指定 deleteCount，或者其值大于数组中实际可删除的元素数量，则将从 start 位置开始删除到数组末尾的所有元素。
item1, item2, …（可选）：要添加进数组的新元素。如果没有指定这些参数，splice() 将只删除数组元素。

举例说明：

删除元素：

let arr = [1, 2, 3, 4, 5];
let removed = arr.splice(2, 2);
console.log(arr);    // [1, 2, 5]
console.log(removed); // [3, 4]

添加元素：

let arr = [1, 2, 3];
arr.splice(1, 0, 'a', 'b');
console.log(arr); // [1, 'a', 'b', 2, 3]

替换元素：

let arr = [1, 2, 3, 4];
arr.splice(2, 1, 'a');
console.log(arr); // [1, 2, 'a', 4]

unshift() - 数组的开头添加一个或多个元素:

unshift() 方法用于数组的开头添加一个或多个元素，并返回新的数组长度。这个方法会直接修改原数组，不会创建一个新的数组。
使用结构：

array.unshift(element1[, element2[, ...]])

参数：

element1, element2, …：要添加到数组开头的元素。可以添加一个或多个元素。

举例说明：

let arr = [1, 2, 3];

// 在数组开头添加一个元素
arr.unshift(0);
console.log(arr); // [0, 1, 2, 3]

// 在数组开头添加多个元素
arr.unshift(-2, -1);
console.log(arr); // [-2, -1, 0, 1, 2, 3]

// 获取数组的新长度
let newLength = arr.unshift(4);
console.log(newLength); // 7
console.log(arr); // [4, -2, -1, 0, 1, 2, 3]

提示：这个方法会修改原数组并且可能会导致数组中的元素重新分配内存（特别是当数组很大时），所以在性能敏感的应用中应该谨慎使用。如果你需要保持原数组不变，可以先复制数组（使用 slice() 方法等），然后在复制后的数组上使用 unshift() 方法。

push() - 数组的末尾添加一个或多个元素:

push() 方法用于数组的末尾添加一个或多个元素，并返回新的数组长度。这个方法会直接修改原数组，不会创建一个新的数组。
使用结构：

array.push(element1[, element2[, ...]])

参数：

element1, element2, …：要添加到数组末尾的元素。可以添加一个或多个元素。

举例说明：

let arr = [1, 2, 3];

// 在数组末尾添加一个元素
arr.push(4);
console.log(arr); // [1, 2, 3, 4]

// 在数组末尾添加多个元素
arr.push(5, 6);
console.log(arr); // [1, 2, 3, 4, 5, 6]

// 获取数组的新长度
let newLength = arr.push(7);
console.log(newLength); // 7
console.log(arr); // [1, 2, 3, 4, 5, 6, 7]

shift() - 删除数组的第一个元素:

shift()方法用于删除数组的第一个元素，并返回被删除的元素。 这个方法会直接修改原数组，将数组的第一个元素移除，并将所有后续元素向下移动一位，以填补被删除元素的位置。数组的新长度会相应地减少1。
使用结构：

array.shift()

返回值：

返回被删除的第一个元素。如果数组是空的，则返回 undefined。

举例说明：

let arr = [1, 2, 3, 4, 5];

// 删除数组的第一个元素
let firstElement = arr.shift();
console.log(firstElement); // 1
console.log(arr); // [2, 3, 4, 5]

// 再次删除数组的第一个元素
let secondElement = arr.shift();
console.log(secondElement); // 2
console.log(arr); // [3, 4, 5]

// 尝试删除空数组的第一个元素
let