数组常用方法 -- 数组迭代【第三弹】

目录

• 引言
• 迭代方法
  • for循环
  • forEach()方法
  • map()方法
• 使用迭代方法执行常见数组操作
  • 查找
  • 过滤
  • 排序
• 总结

引言

在前面的文章中，我们学习了数组的一些基本操作，如创建数组、访问数组元素和修改数组元素。在本文中，我们将学习如何使用迭代方法来遍历数组的每个元素。迭代方法允许我们对数组中的每个元素执行相同的操作。

迭代方法

有许多不同的方法可以迭代数组。最常见的方法是使用for循环。for循环允许我们指定要迭代的数组，并指定在每次迭代中要执行的操作。

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

for (let i = 0; i < array.length; i++) {
  console.log(array[i]);
}

这段代码将输出数组中的每个元素。

另一种迭代数组的方法是使用forEach()方法。forEach()方法接受一个回调函数作为参数，该回调函数将在数组的每个元素上调用。

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

array.forEach((element) => {
  console.log(element);
});

这段代码将输出数组中的每个元素。

最后，我们还可以使用map()方法来迭代数组。map()方法接受一个回调函数作为参数，该回调函数将在数组的每个元素上调用。map()方法将返回一个新数组，该数组包含回调函数的返回值。

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

const newArray = array.map((element) => {
  return element * 2;
});

console.log(newArray);

这段代码将输出一个新数组，该数组包含数组中每个元素的两倍。

使用迭代方法执行常见数组操作

我们可以使用迭代方法来执行常见的数组操作，如查找、过滤和排序。

查找

我们可以使用迭代方法来查找数组中的特定元素。一种方法是使用find()方法。find()方法接受一个回调函数作为参数，该回调函数将在数组的每个元素上调用。如果回调函数返回true，则find()方法将返回该元素。

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

const element = array.find((element) => {
  return element === 3;
});

console.log(element); // 3

这段代码将输出数组中第一个值为3的元素。

另一种查找数组中特定元素的方法是使用findIndex()方法。findIndex()方法接受一个回调函数作为参数，该回调函数将在数组的每个元素上调用。如果回调函数返回true，则findIndex()方法将返回该元素的索引。

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

const index = array.findIndex((element) => {
  return element === 3;
});

console.log(index); // 2

这段代码将输出数组中第一个值为3的元素的索引。

过滤

我们可以使用迭代方法来过滤数组中的元素。一种方法是使用filter()方法。filter()方法接受一个回调函数作为参数，该回调函数将在数组的每个元素上调用。如果回调函数返回true，则filter()方法将返回该元素。

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

const newArray = array.filter((element) => {
  return element > 2;
});

console.log(newArray); // [3, 4, 5]

这段代码将输出一个新数组，该数组包含数组中大于2的元素。

另一种过滤数组中元素的方法是使用slice()方法。slice()方法接受两个参数：开始索引和结束索引。slice()方法将返回一个新数组，该数组包含从开始索引到结束索引之间的元素。

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

const newArray = array.slice(2, 4);

console.log(newArray); // [3, 4]

这段代码将输出一个新数组，该数组包含数组中从索引2到索引4之间的元素。

排序

我们可以使用迭代方法来对数组中的元素进行排序。一种方法是使用sort()方法。sort()方法接受一个回调函数作为参数，该回调函数将在数组的每个元素上调用。sort()方法将根据回调函数的返回值对数组中的元素进行排序。

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

array.sort((a, b) => {
  return a - b;
});

console.log(array); // [1, 2, 3, 4, 5]

这段代码将数组中的元素从小到大排序。

另一种对数组中的元素进行排序的方法是使用sort()方法的第二