js 判断数组中是否包含某个元素（转载）

忘是亡心i 2021-12-17 00:29 439阅读 0赞

来源：https://www.cnblogs.com/yunshangwuyou/p/10539090.html

**方法一：array.indexOf(item,start)：元素在数组中的位置,如果没与搜索到则返回 -1。**

<table> 
 <tbody> 
  <tr> 
   <td>参数</td> 
   <td>描述</td> 
  </tr> 
  <tr> 
   <td>item</td> 
   <td>必须。查找的元素。</td> 
  </tr> 
  <tr> 
   <td>start</td> 
   <td> <p>可选的整数参数。规定在数组中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。</p> <p>如省略该参数，则将从字符串的首字符开始检索。</p> </td> 
  </tr> 
 </tbody> 
</table>

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

![复制代码][copycode.gif]

var fruits = ["Banana", "Orange", "Apple", "Mango"];
    
    var a = fruits.indexOf("Apple"); // 2
    
    //以上输出结果意味着 "Apple" 元素位于数组中的第 3 个位置。

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

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

//以上输出结果意味在数组的第四个位置开始检索：

![复制代码][copycode.gif]

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

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

2. stringObject 中的字符位置是从 0 开始的。

3. 查找字符串最后出现的位置，使用 lastIndexOf() 方法。

**JavaScript Array filter() 方法有类似的检索功能：**

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

**　　注意：** filter() 不会对空数组进行检测。

**　　注意：** filter() 不会改变原始数组。

![复制代码][copycode.gif]

![复制代码][copycode.gif]

**方法二：array.find()**

数组实例的find()用于找出第一个符合条件的数组元素。它的参数是一个回调函数，所有数组元素依次遍历该回调函数，直到找出第一个返回值为true的元素，然后返回该元素，否则返回undefined。

find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。

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

*  当数组中的元素在测试条件时返回 *true* 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。
 *  如果没有符合条件的元素返回 undefined

**注意:** find() 对于空数组，函数是不会执行的。

**注意:** find() 并没有改变数组的原始值。

![复制代码][copycode.gif]

[1, 5, 10, 15].find(function(value, index, arr) {
    return value > 9;
    }) 
    
    // 10
    
    //实际用法：
    
    arr.find(function(value) {
    
    if(value === 要查找的值) {
    
    //则包含该元素
    }
    })

![复制代码][copycode.gif]

**方法三：array.findIndex()**

array.findIndex()和array.find()十分类似，返回第一个符合条件的数组元素的位置，如果所有元素都不符合条件，则返回-1。   
findIndex() 方法为数组中的每个元素都调用一次函数执行：

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

注意: findIndex() 对于空数组，函数是不会执行的。   
注意: findIndex() 并没有改变数组的原始值

![复制代码][copycode.gif]

var ages = [3, 10, 18, 20];
     
    function checkAdult(age) {
        return age >= 18;
    }
     
    function myFunction() {
        console.log(ages.findIndex(checkAdult)) ;
    }
    myFunction()
    
    //2

![复制代码][copycode.gif]

方法二和方法三，这两个方法都可以发现NaN，弥补了方法一IndexOf()的不足。

[NaN].2.dexOf(NaN) 
    //-1
    
    [Na3..findIndex(y => Object.is(NaN, y))
    // 0

**方法四：for()循环**

![复制代码][copycode.gif]

遍历数组，然后 if 判断
    
    var arr = [1, 5, 10, 15];
    
    //传统for
    
    for(let i=0; i<arr.length; i++) {
    
    if(arr[i] === 查找值) {
    
    //则包含该元素
    }
    }
    // for...of
    
    for(v of arr) {
    
    if(v === 查找值) {
    
    //则包含该元素
    }
    }
    //forEach
    
    arr.forEach(v=>{
    
    if(v === 查找值) {
    
    //则包含该元素
    }
    })

![复制代码][copycode.gif]

**方法五：就是使用jquery的inArray方法，该方法返回元素在数组中的下标，如果不存在与数组中，那么返回－１，代码如下所示：**  
/\*\*  
\* 使用jquery的inArray方法判断元素是否存在于数组中  
\* @param \{Object\} arr 数组  
\* @param \{Object\} value 元素值  
\*/

![复制代码][copycode.gif]

function isInArray2(arr,value){
    var index = $.inArray(value,arr);
    if(index >= 0){
    return true;
    }
    return false;
    }

![复制代码][copycode.gif]

**方法六、include()方法：**

arr.includes(searchElement)方法用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。searchElement:必须。需要查找的元素值。

![复制代码][copycode.gif]

let site = ['runoob', 'google', 'taobao'];
     
    site.includes('runoob'); 
    // true 
     
    site.includes('baidu'); 
    // false

![复制代码][copycode.gif]

<table> 
 <tbody> 
  <tr> 
   <td>例子</td> 
   <td>结果</td> 
  </tr> 
  <tr> 
   <td>[1, 2, 3].includes(2);</td> 
   <td>//true</td> 
  </tr> 
  <tr> 
   <td>[1, 2, 3].includes(4);</td> 
   <td>// false</td> 
  </tr> 
  <tr> 
   <td>[1, 2, 3].includes(3, 3);</td> 
   <td>// false</td> 
  </tr> 
  <tr> 
   <td>[1, 2, 3].includes(3, -1);</td> 
   <td>//true</td> 
  </tr> 
  <tr> 
   <td>[1, 2, NaN].includes(NaN);</td> 
   <td>//true</td> 
  </tr> 
 </tbody> 
</table>

arr.includes(searchElement, fromIndex).fromIndex:可选。从该索引处开始查找 searchElement。如果为负值，则按升序从 array.length + fromIndex 的索引开始搜索。默认为 0。

![复制代码][copycode.gif]

var arr = ['a', 'b', 'c'];
    注意：如果fromIndex 大于等于数组长度 ，则返回 false 。该数组不会被搜索 
    arr.includes('c', 3);   //false
    arr.includes('c', 100); // false
    
    注意：如果 fromIndex 为负值，计算出的索引将作为开始搜索searchElement的位置。如果计算出的索引小于 0，则整个数组都会被搜索。
    // 数组长度是3
    // fromIndex 是 -100
    // computed index 是 3 + (-100) = -97
    arr.includes('a', -100); // true
    arr.includes('b', -100); // true
    arr.includes('c', -100); // true

![复制代码][copycode.gif]

**方法七.Array some() 方法，类似于filter()**

some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。

some() 方法会依次执行数组的每个元素：

如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。  
如果没有满足条件的元素，则返回false。  
注意： some() 不会对空数组进行检测。

注意： some() 不会改变原始数组。

![复制代码][copycode.gif]

var ages = [3, 10, 18, 20];
    function checkAdult(age) {
        return age == 18;
    }
    function myFunction() {
        console.log(ages.some(checkAdult));
    }
    myFunction() 
    
    //true

![复制代码][copycode.gif]

** **

**方法八、Jquery的$.each()**  
each() 方法为每个匹配元素规定要运行的函数。

![复制代码][copycode.gif]

var anArray = ['one','two','three'];
           $.each(anArray,function(n,value){
               if(value=="one"){
                console.log("one存在于数组中");
            }
        }
     );

//one存在于数组中

![复制代码][copycode.gif]

转载于:https://www.cnblogs.com/hao-1234-1234/p/10980102.html

[copycode.gif]: /images/20211214/f9d7b5fa2f5140d8bed8b19c55725a99.png