js中判断数组中是否包含某元素的方法

谁践踏了优雅 2022-04-24 04:14 222阅读 0赞

方法一：arr.indexOf(某元素)：未找到则返回 -1。

实际用法：if(arr.indexOf(某元素) > -1)\{//则包含该元素\}

例：

var fruits = \["Banana", "Orange", "Apple", "Mango"\];

var a = fruits.indexOf("Apple"); // 2

//以上输出结果意味着 "Apple" 元素位于数组中下标为 2 的位置。

indexOf()完整语法：

array.indexOf(item,start)

参数：

item：必须。查找的元素。

start：可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。

例：

1.var fruits=\["Banana","Orange","Apple","Mango","Banana","Orange","Apple"\];

2.var a = fruits.indexOf("Apple",4); // 6

注：string.indexOf()返回某个指定的字符串值在字符串中首次出现的位置。

1.该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头（没有指定 fromindex 时）。如果找到一个 searchvalue，则返回 searchvalue 的第一次出现的位置。

1.  stringObject 中的字符位置是从 0 开始的。
2.  查找字符串最后出现的位置，使用 lastIndexOf() 方法。

方法二：arr.find()

数组实例的find()用于找出第一个符合条件的数组元素。它的参数是一个回调函数，所有数组元素依次遍历该回调函数，直到找出第一个返回值为true的元素，然后返回该元素，否则返回undefined。 find() 方法为数组中的每个元素都调用一次函数执行： 当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。 如果没有符合条件的元素返回 undefined 注意: find() 对于空数组，函数是不会执行的。 注意: find() 并没有改变数组的原始值。

\[1, 5, 10, 15\].find(function(value, index, arr) \{  
return value > 9;  
\}) // 10

实际用法：

arr.find(function(value) \{

if(value === 要查找的值) \{

\}  
\})

方法三：array.findIndex()

array.findIndex()和array.find()十分类似，返回第一个符合条件的数组元素的位置，如果所有元素都不符合条件，则返回-1。

findIndex() 方法为数组中的每个元素都调用一次函数执行：

当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置，之后的值不会再调用执行函数。

如果没有符合条件的元素返回 -1

注意: findIndex() 对于空数组，函数是不会执行的。 
    注意: findIndex() 并没有改变数组的原始值
    
    [1,5,10,15].findIndex(function(value, index, arr) {
    return value > 9;
    }) // 2.  
    
    方法二和方法三，这两个方法都可以发现NaN，弥补了方法一IndexOf()的不足。
    
    [NaN].2.dexOf(NaN) 
    //-1
    
    [Na3..findIndex(y => Object.is(NaN, y))
    // 0

方法四：for()

遍历数组，然后 if 判断

\}  
//forEach

arr.forEach(v=>{
    
       if(v === 查找值) {
    
            //则包含该元素
    }

\})  
四、方法四：就是使用jquery的inArray方法，该方法返回元素在数组中的下标，如果不存在与数组中，那么返回－１，代码如下所示：  
/\*\*

*  使用jquery的inArray方法判断元素是否存在于数组中
 *  @param \{Object\} arr 数组
 *  @param \{Object\} value 元素值  
    \*/  
    function isInArray2(arr,value)\{  
    var index = $.inArray(value,arr);  
    if(index >= 0)\{  
    return true;  
    \}  
    return false;  
    \}

转自：

[https://www.cnblogs.com/yunshangwuyou/p/9032560.html][https_www.cnblogs.com_yunshangwuyou_p_9032560.html]

[https_www.cnblogs.com_yunshangwuyou_p_9032560.html]: https://www.cnblogs.com/yunshangwuyou/p/9032560.html