查询和修改数组中的元素

在编写应用程序时，您可能需要在数组中搜索并修改特定的元素。这可以通过使用循环和条件语句实现，但也可以使用现代 JavaScript 的高阶函数来实现。

本文将介绍如何使用以下函数来搜索和修改数组中的元素：

• Array.prototype.find()
• Array.prototype.findIndex()
• Array.prototype.filter()
• Array.prototype.map()

使用 Array.prototype.find() 查找元素

Array.prototype.find() 函数接受一个回调函数作为参数，该函数应该返回布尔值。该函数将在数组中查找第一个返回 true 的元素，并返回该元素。

以下是一个示例：

const numbers = [1, 5, 10, 15];
const result = numbers.find(num => num > 10);

console.log(result); // 15

在上面的示例中，我们定义一个数字数组 numbers ，然后使用 Array.prototype.find() 查找第一个大于 10 的元素。 结果为 15。

使用 Array.prototype.findIndex() 查找索引

Array.prototype.findIndex() 函数与 Array.prototype.find() 函数非常相似。它也接受一个回调函数作为参数，并在数组中查找第一个返回 true 的元素。然而，它返回该元素的索引。

以下是一个示例：

const fruits = ["apple", "banana", "mango", "orange"];
const index = fruits.findIndex(fruit => fruit === "mango");

console.log(index); // 2

在上面的示例中，我们找出了 fruits 数组中 "mango" 元素的索引。 索引值为 2。

使用 Array.prototype.filter() 过滤元素

Array.prototype.filter() 函数接受一个回调函数作为参数，并返回一个新数组，其中包含原始数组中满足回调函数条件的所有元素。

以下是一个示例：

const ages = [25, 30, 35, 40, 45];
const filteredAges = ages.filter(age => age >= 35);

console.log(filteredAges); // [35, 40, 45]

在上面的示例中，我们定义了一个 ages 数组，然后使用 Array.prototype.filter() 函数过滤出所有年龄在 35 岁以上的元素。 结果为 [35, 40, 45]。

使用 Array.prototype.map() 修改元素

Array.prototype.map() 函数接受一个回调函数作为参数，并返回一个新数组，其中包含原始数组中每个元素根据回调函数的要求进行修改的结果。

以下是一个示例：

const words = ["hello", "world", "old", "friend"];
const capitalizedWords = words.map(word => word.toUpperCase());

console.log(capitalizedWords); // ["HELLO", "WORLD", "OLD", "FRIEND"]

在上面的示例中，我们使用 Array.prototype.map() 函数将 words 数组中的所有单词转换为大写字母。

结论

使用 Array.prototype.find()、Array.prototype.findIndex()、Array.prototype.filter() 和 Array.prototype.map() 函数，您可以轻松搜索和修改数组中的特定元素。 了解这些功能可以大大简化许多 JavaScript 应用程序中的常见任务。

• 以上是介绍如何使用现代JavaScript的高阶函数来实现查询和修改数组中的元素，可通过使用这些函数来搜索和修改数组中的元素。