JavaScript 判断数组包含值的四种常用方法

前言

在前端 JavaScript 开发中，经常需要判断数据集合中是否包含特定值。本文将介绍四种常用的实现方式，分别是 array.indexOf、array.includes、array.find 以及 array.findIndex。

具体实现方式如下：

方法一：array.indexOf

该方法用于判断数组中是否存在指定值。若存在，则返回该元素在数组中的下标；若不存在，则返回 -1。

let arr=[1,2,3,4];
let index=arr.indexOf(3);
console.log(index);

Arrya.indexOf() 方法

当需要定位元素的确切位置时，可以使用 indexOf(elem)。该方法会在指定数组中查找 elem，并返回其第一次出现的索引；如果数组中不包含 elem，则返回 -1。

例如，我们可以在包含 grade 的数组中查找第一次出现的 grade：

let grades = ["B", "D", "C", "A"]

grades.indexOf("A") // 3
grades.indexOf("F") // -1复制

在第一个示例中，元素存在并返回其位置；在第二个示例中，返回值表示该元素不存在。

我们可以利用该方法轻松地控制代码流程。

let grades = ["B", "D", "C", "A"]

if (grades.indexOf("F") >= 0) {
    console.log("元素存在");
} else {
    console.log("元素不存在");
}

方法二：array.includes(searcElement[,fromIndex])

此方法用于判断数组中是否存在某个值。如果存在，返回 true；否则返回 false。

let arr=[1,2,3,4];
if(arr.includes(3))
    console.log("存在");
else
    console.log("不存在");

方法三：array.find(callback[,thisArg])

该方法返回数组中满足回调函数条件的第一个元素的值。如果没有找到符合条件的元素，则返回 undefined。

let arr=[1,2,3,4];
let result = arr.find(item =>{return item > 3});
console.log(result);

方法四：array.findeIndex(callback[,thisArg])

该方法返回数组中满足回调函数条件的第一个元素的下标。如果没有找到符合条件的元素，则返回 -1。

let arr=[1,2,3,4];
let result = arr.findIndex(item =>{return item > 3});
console.log(result)

总结

到此这篇关于 js 判断数组中是否包含某个值的 4 种方法总结的文章就介绍到这了，更多相关 js 判断数组包含某个值内容请搜索本站以前的文章或继续浏览下面的相关文章，希望大家以后多多支持本站！