javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > js判断数组包含某个值

js判断数组中是否包含某个值的4种方法总结

作者:Aries-s

这篇文章主要给大家总结介绍了关于js判断数组中是否包含某个值的4种方法,数组是我们编程中经常使用的的数据结构之一,在处理数组时我们经常需要在数组中查找特定的值,JavaScript 包含一些内置方法来检查数组是否有特定的值或对象,需要的朋友可以参考下

前言

在前端js中,经常遇到需要判断数据中是否包含某个值,下面介绍四种方法来讲解怎么判断数组中是否包含某个值。分别是 array.indexOf,array.includes,array.find,array.findeIndex

有下面几种方法可以实现:

方法一: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判断数组包含某个值内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文