我们必须了解 JavaScript 数组方法

本指南探讨了六种基本的 JavaScript 数组方法：filter、map、reduce、some、every 和 includes。掌握这些将显着提高您的 JavaScript 编程技能。

1。 filter()方法：

filter() 方法创建一个仅包含满足指定条件的元素的新数组。 不满足条件的元素将被忽略。

工作原理：

• 迭代每个数组元素。
• 对每个元素应用回调函数。
• 如果回调返回true，则该元素包含在新数组中；否则，将被排除在外。

<code class="language-javascript">let 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 }
];

// Filter boxers weighing over 170 pounds
let heavyweights = boxers.filter(boxer => boxer.weight > 170);

console.log(heavyweights);</code>

输出：

<code class="language-javascript">[
    { name: "Tyson Fury", weight: 280 },
    { name: "Mairis Briedis", weight: 199 },
    { name: "Artur Beterbiev", weight: 175 }
]</code>

2。 map()方法：

map() 方法转换数组的每个元素并返回包含转换后的元素的新数组。

工作原理：

• 迭代每个数组元素。
• 对每个元素应用回调函数。
• 回调的返回值替换新数组中的原始元素。

<code class="language-javascript">let decimalNumbers = [222, 354, 4684, 123, 5];

// Convert decimal numbers to hexadecimal
let hexNumbers = decimalNumbers.map(num => num.toString(16));

console.log(hexNumbers);</code>

3。 reduce()方法：

reduce() 方法迭代地将回调函数应用于每个元素，累积单个结果值。

工作原理：

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

<code class="language-javascript">let numbers = [1, 2, 3, 4, 5];

// Calculate the sum of all numbers
let sum = numbers.reduce((accumulator, current) => accumulator + current, 0);

console.log(sum); // Output: 15</code>

4。 some()方法：

some() 方法检查是否至少有一个元素满足给定条件。 如果找到匹配，则返回 true，否则返回 false。

工作原理：

• 迭代数组。
• 找到满足条件的元素后立即停止并返回true。
• 如果没有元素满足条件，则返回false。

<code class="language-javascript">let ages = [16, 20, 14, 18];

// Check if at least one person is an adult (≥ 18)
let hasAdult = ages.some(age => age >= 18);

console.log(hasAdult); // Output: true</code>

5。 every()方法：

every() 方法检查所有 元素是否满足给定条件。 仅当每个元素都通过时才返回 true；否则，false。

工作原理：

• 迭代数组。
• 如果元素不满足条件，则立即返回 false。
• 仅当所有元素都通过时才返回 true。

<code class="language-javascript">let scores = [80, 85, 90, 95];

// Check if all scores are above 75
let allAbove75 = scores.every(score => score > 75);

console.log(allAbove75); // Output: true</code>

6。 includes()方法：

includes() 方法检查数组是否包含特定值。如果找到则返回 true，否则返回 false。

工作原理：

• 使用严格相等搜索值 (===)。
• 可以指定可选的起始索引。

<code class="language-javascript">let 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 }
];

// Filter boxers weighing over 170 pounds
let heavyweights = boxers.filter(boxer => boxer.weight > 170);

console.log(heavyweights);</code>

以上是我们必须了解 JavaScript 数组方法的详细内容。更多信息请关注PHP中文网其他相关文章！