JavaScript 中搜索数组元素的四种方法

在实际开发当中，我们经常会遇到类似诸如下面的需求：
1. 获取满足特定条件的数组中的所有项目
2. 要检查是否满足条件？
3. 检查数组中是否有特定值？
4. 在数组中找到指定值的索引？
在本文中，我们将讨论四种可用于搜索数组中项目的方法。这些方法是：
1. `filter`
2. `find`
3. `includes`
4. `indexOf`
接下来，我们就一起来看一下这四种方式
## Array.filter()
我们可以使用 `Array.filter()` 方法在数组中查找满足特定条件的元素。
例如，如果我们要获取大于10的数字数组中的所有项目，则可以执行以下操作：
```js
const array = [10, 11, 3, 20, 5];
const greaterThanTen = array.filter(element => element > 10);
console.log(greaterThanTen) //[11, 20]
```
使用 `array.filter()` 方法的语法如下：
```js
let newArray = array.filter(callback);
```
着这里：
* `newArray `是返回的新数组
* `array` 是我们要进行查找的数组本身
* `callback` 是应用于数组每个元素的回调函数
如果数组中没有项目符合条件，则返回一个空数组。
有时，我们不需要满足特定条件的所有元素。我们只需要一个符合条件的元素。在这种情况下，需要使用`find()`方法。
## Array.find()
使用 `Array.find()`方法查找满足特定条件的第一个元素。就像 `filter` 方法一样，它以回调为参数，并返回满足回调条件的第一个元素。
我们尝试一下在上面的示例中对数组使用 `find` 方法。
```js
const array = [10, 11, 3, 20, 5];
const greaterThanTen = array.find(