js判断数组中是否存在某个值

JS数组方法详解

最新推荐文章于 2024-03-18 01:28:28 发布

weixin_33860737

最新推荐文章于 2024-03-18 01:28:28 发布

阅读量956

点赞数 2

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000014202195

本文详细介绍了JavaScript中数组的四个常用方法：indexOf、includes、find及findIndex的功能与使用方式，并通过实例展示了如何利用这些方法来查找数组中的特定元素。

1. array.indexOf

判断数组中是否存在某个值，如果存在返回数组元素的下标，否则返回-1

let arr = ['something', 'anything', 'nothing', 'anything'];
let index = arr.indexOf('nothing');
# 结果：2

2. array.includes(searchElement[, fromIndex])

判断一个数组是否包含一个指定的值，如果存在返回 true，否则返回false。
参数：searchElement
需要查找的元素值。
参数：thisArg（可选）
从该索引处开始查找 searchElement。如果为负值，则按升序从 array.length + fromIndex 的索引开始搜索。默认为 0。
```
let numbers = [12, 5, 8, 130, 44];
let result = numbers.includes(8);
# 结果： true
result = numbers.includes(118);
# 结果： false
```

3. array.find(callback[, thisArg])

返回数组中满足条件的第一个元素的值，如果没有，返回undefined
参数：callback
element 当前遍历到的元素。
index 当前遍历到的索引。
array 数组本身。

参数：thisArg（可选）
指定 callback 的 this 参数。

// ---------- 元素是普通字面值 ----------
let numbers = [12, 5, 8, 130, 44];
let result = numbers.find(item => {
    return item > 8;
});
# 结果： 12
// ---------- 元素是对象 ----------
let items = [
    {id: 1, name: 'something'},
    {id: 2, name: 'anything'},
    {id: 3, name: 'nothing'},
    {id: 4, name: 'anything'}
];
let item = items.find(item => {
    return item.id == 3;
});
# 结果： Object { id: 3, name: "nothing" }

4. array.findIndex(callback[, thisArg])

返回数组中满足条件的第一个元素的索引（下标）, 如果没有找到，返回-1
参数：callback
element 当前遍历到的元素。
index 当前遍历到的索引。
array 数组本身。

参数：thisArg（可选）
指定 callback 的 this 参数。

// ---------- 元素是普通字面值 ----------
let numbers = [12, 5, 8, 130, 44];
let result = numbers.findIndex(item => {
    return item > 8;
});
# 结果： 0
// ---------- 元素是对象 ----------
let items = [
    {id: 1, name: 'something'},
    {id: 2, name: 'anything'},
    {id: 3, name: 'nothing'},
    {id: 4, name: 'anything'}
];
let index = items.findIndex(item => {
    return item.id == 3;
});
# 结果： 2