JavaScript 数组搜索技巧：使用断言函数和find()、findIndex()方法实现查找

在JavaScript中，断言函数是一种特殊的函数，它用于判断数组中的元素是否满足特定的条件。它接收三个参数：元素、索引和数组本身。如果断言函数返回一个真值（true），则表示当前元素匹配；如果返回假值（false），则表示不匹配。

find() 和 findIndex() 方法

find() 和 findIndex() 是两个非常有用的数组方法，它们利用断言函数来搜索数组。find() 方法返回数组中第一个满足断言函数条件的元素，而 findIndex() 方法返回该元素的索引。

• find() 方法：返回数组中第一个满足条件的元素。
• findIndex() 方法：返回数组中第一个满足条件的元素的索引。

这两个方法都接受一个可选的第二个参数，用于指定断言函数内部 this 的值。

示例代码

下面是一个使用find()和findIndex()方法的示例，我们将搜索一个对象数组，寻找年龄小于28的人，并展示其信息。

// 定义一个包含人员信息的数组  
const people = [  
  {  
    name: "Matt",  
    age: 27  
  },  
  {  
    name: "Nicholas",  
    age: 29  
  }  
];  
  
// 使用find()方法查找年龄小于28的人  
const youngPerson = people.find(person => person.age < 28);  
console.log(youngPerson); // 输出：{ name: 'Matt', age: 27 }  
  
// 使用findIndex()方法查找年龄小于28的人的索引  
const youngPersonIndex = people.findIndex(person => person.age < 28);  
console.log(youngPersonIndex); // 输出：0  
  
// 演示find()方法中断言函数的使用  
const evens = [2, 4, 6];  
evens.find((element, index, array) => {  
  console.log(`当前元素: ${element}`);  
  console.log(`当前索引: ${index}`);  
  console.log(`整个数组: ${array}`);  
  return element === 4; // 检查当前元素是否严格等于4  
});  
// 输出示例：  
// 当前元素: 2  
// 当前索引: 0  
// 整个数组: 2,4,6  
// 当前元素: 4  
// 当前索引: 1  
// 整个数组: 2,4,6