我们必须了解 JavaScript 数组方法

来到golang学习网的大家，相信都是编程学习爱好者，希望在这里学习文章相关编程知识。下面本篇文章就来带大家聊聊《我们必须了解 JavaScript 数组方法》，介绍一下，希望对大家的知识积累有所帮助，助力实战开发！

1. 筛选 (filter)

filter() 方法创建一个新数组，其中只包含满足指定条件的元素。若条件为真，则元素保留；否则，元素被过滤掉。

工作机制：

• 该方法遍历数组中的每个元素。
• 若回调函数返回 true，则元素被添加到新数组。
• 若返回 false，则元素被忽略。

示例：

const boxers = [
    { name: "tyson fury", weight: 280 },
    { name: "mairis briedis", weight: 199 },
    { name: "artur beterbiev", weight: 175 },
    { name: "jermall charlo", weight: 160 },
    { name: "terence crawford", weight: 146 }
];

// 过滤掉体重低于 170 磅的拳击手
const heavyBoxers = boxers.filter(boxer => boxer.weight > 170);

console.log(heavyBoxers);

输出：

[
    { name: "tyson fury", weight: 280 },
    { name: "mairis briedis", weight: 199 },
    { name: "artur beterbiev", weight: 175 }
]

2. 映射 (map)

map() 方法通过对原始数组的每个元素应用指定的转换函数，创建一个新的数组。新数组中的每个元素都是转换函数返回值的副本。

工作机制：

• 该方法迭代数组中的每个元素。
• 它应用回调函数中定义的转换逻辑。
• 回调函数的结果替换新数组中的原始元素。

示例：

const decimalNumbers = [222, 354, 4684, 123, 5];

// 将十进制数转换为十六进制数
const hexNumbers = decimalNumbers.map(num => num.toString(16));

console.log(hexNumbers);

3. 归并 (reduce)

reduce() 方法用于将数组归并为单个值，通过对每个元素应用回调函数并累积结果来实现。

工作机制：

• 该方法迭代数组。
• 它将回调函数应用于累加器和当前元素。
• 回调函数的结果成为新的累加器值。
• 最终返回累加器值。

示例：

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

// 计算所有数字的和
const sum = numbers.reduce((accumulator, current) => accumulator + current, 0); // 0 是累加器的初始值

console.log(sum); // 输出：15

4. 是否存在 (some)

some() 方法检查数组中是否存在至少一个元素满足指定条件。如果任何元素满足条件，则返回 true；否则返回 false。

工作机制：

• 该方法迭代数组。
• 一旦找到满足条件的元素，它就会停止并返回 true。
• 如果没有元素满足条件，则返回 false。

示例：

const ages = [16, 20, 14, 18];

// 检查是否存在至少一个成年人 (年龄 ≥ 18)
const hasAdult = ages.some(age => age >= 18);

console.log(hasAdult); // 输出：true

5. 全部满足 (every)

every() 方法检查数组中的所有元素是否都满足指定条件。只有当所有元素都满足条件时，才返回 true；否则返回 false。

工作机制：

• 该方法迭代数组。
• 如果找到任何不满足条件的元素，则会停止并返回 false。
• 如果所有元素都满足条件，则返回 true。

示例：

const scores = [80, 85, 90, 95];

// 检查所有分数是否都高于 75
const allAbove75 = scores.every(score => score > 75);

console.log(allAbove75); // 输出：true

6. 包含 (includes)

includes() 方法检查数组是否包含特定值。如果数组中存在该值，则返回 true；否则返回 false。

工作机制：

• 该方法检查数组中的值。
• 它使用严格相等 (===) 进行比较。
• 它还可以检查从给定索引开始的特定值。

示例：

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

// 检查是否包含 3
const includesThree = numbers.includes(3);

console.log(includesThree); // 输出：true

终于介绍完啦！小伙伴们，这篇关于《我们必须了解 JavaScript 数组方法》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！