Javascript 中于 Array 查找指定项的七种方法

在 JavaScript 编程中，经常需要在数组中查找特定的项。以下将介绍七种在数组中查找指定项的方法。

方法一：使用 indexOf() 方法

indexOf() 方法返回在数组中可以找到一个给定元素的第一个索引，如果不存在则返回 -1 。

let array = [10, 20, 30, 40, 50];
let index = array.indexOf(30); 

方法二：使用 lastIndexOf() 方法

lastIndexOf() 方法返回指定元素在数组中的最后一个的索引，如果不存在则返回 -1 。

let array = [10, 20, 30, 20, 50];
let index = array.lastIndexOf(20); 

方法三：使用 find() 方法

find() 方法返回数组中满足提供的测试函数的第一个元素的值。

let array = [10, 20, 30, 40, 50];
let found = array.find(item => item > 30);

方法四：使用 findIndex() 方法

findIndex() 方法返回数组中满足提供的测试函数的第一个元素的索引。

let array = [10, 20, 30, 40, 50];
let foundIndex = array.findIndex(item => item > 30);

方法五：使用 includes() 方法

includes() 方法用于判断一个数组是否包含一个指定的值，如果包含则返回 true，否则返回 false 。

let array = [10, 20, 30, 40, 50];
let hasItem = array.includes(30);

方法六：使用循环遍历

通过传统的 for 循环或者 for...of 循环来手动查找指定项。

let array = [10, 20, 30, 40, 50];
for(let i = 0; i < array.length; i++) {
  if(array[i] === 30) {
    // 找到指定项
    break;
  }
}

方法七：使用 filter() 方法

filter() 方法创建一个新数组，其包含通过所提供函数实现的测试的所有元素。

let array = [10, 20, 30, 40, 50];
let filteredArray = array.filter(item => item === 30);

在实际应用中，根据具体的需求和场景选择合适的查找方法，可以提高代码的效率和可读性。了解并熟练掌握这些方法对于 JavaScript 开发者来说是非常重要的。