JS数组：从基础到高级，全面解析

前端

2023-09-16 21:45:04

JS 数组初探

数组是 JavaScript 中用于存储一组有序元素的数据结构。您可以将各种数据类型（包括其他数组）存储在数组中。数组从 0 开始索引，这意味着第一个元素位于索引 0，最后一个元素位于索引 length - 1。

基本操作

push() ：将新元素添加到数组末尾。
splice() ：在指定位置插入或删除元素。
slice() ：返回数组的指定部分副本。
flat() ：将嵌套数组展平为一维数组。
concat() ：将多个数组合并为一个新数组。

遍历和转换

map() ：创建数组中每个元素的新数组，同时应用转换函数。
filter() ：创建满足指定条件的新数组。
find() ：查找数组中第一个满足指定条件的元素。
findIndex() ：查找数组中第一个满足指定条件的元素的索引。

聚合操作

reduce() ：将数组中的元素逐个聚合为一个值。
every() ：检查数组中是否所有元素都满足指定条件。
some() ：检查数组中是否存在至少一个元素满足指定条件。

示例

const numbers = [1, 2, 3, 4, 5];

// 添加元素
numbers.push(6);

// 在索引 2 处插入元素
numbers.splice(2, 0, 2.5);

// 获取指定部分
const subarray = numbers.slice(1, 3);

// 展平嵌套数组
const flattened = [1, 2, [3, 4], 5].flat();

// 合并数组
const merged = numbers.concat([6, 7]);

// 遍历和转换
const doubled = numbers.map(n => n * 2);

// 过滤数组
const evens = numbers.filter(n => n % 2 === 0);

// 查找元素
const found = numbers.find(n => n === 3);