JS中数组查询的方法indexOf()、lastIndexOf()、includes()、find()、findIndex()、filter()、every()

曾经终败给现在 2022-12-03 09:43 550阅读 0赞

JS中涉及到数组查询的方法见下表：

<table> 
 <thead> 
  <tr> 
   <th>方法</th> 
   <th>描述</th> 
   <th>参数</th> 
   <th>返回值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>indexOf()</td> 
   <td>搜索数组中的元素，并返回它所在的位置。</td> 
   <td>要搜索的元素 ，查找的起始位置</td> 
   <td>元素第一次出现的索引</td> 
  </tr> 
  <tr> 
   <td>lastIndexOf()</td> 
   <td>搜索数组中的元素，并返回它最后出现的位置</td> 
   <td>要搜索的元素 ，查找的起始位置</td> 
   <td>元素最后一次出现的索引</td> 
  </tr> 
  <tr> 
   <td>includes()</td> 
   <td>判断一个数组是否包含一个指定的值</td> 
   <td>要查找的元素值</td> 
   <td>Boolean</td> 
  </tr> 
  <tr> 
   <td>find()</td> 
   <td>返回符合传入测试（函数）条件的数组元素</td> 
   <td>函数,this</td> 
   <td>符合条件的第一个元素的<code>值</code></td> 
  </tr> 
  <tr> 
   <td>findIndex()</td> 
   <td>返回符合传入测试（函数）条件的数组元素索引</td> 
   <td>函数，this</td> 
   <td>符合条件的第一个元素的<code>索引</code></td> 
  </tr> 
  <tr> 
   <td>every()</td> 
   <td>检测数值元素的每个元素是否都符合条件</td> 
   <td>函数，this</td> 
   <td>元素的<code>值</code></td> 
  </tr> 
  <tr> 
   <td>some()</td> 
   <td>检测数组元素中是否有元素符合指定条件</td> 
   <td>函数，this</td> 
   <td>元素的<code>值</code></td> 
  </tr> 
  <tr> 
   <td>filter()</td> 
   <td>检测数值元素，并返回符合条件所有元素的数组</td> 
   <td>函数，this</td> 
   <td>数组</td> 
  </tr> 
 </tbody> 
</table>

这些都是数组的实例方法

## indexOf() 方法 ##

搜索数组中的元素，并返回它所在的位置。在数组中从前往后查找一个元素，并返回索引，找不到则返回-1

array.indexOf(item,start)

参数：  
① item 要查找的元素 ,必须  
② start 开始查找的起始位置，可选，默认从位置0开始查找

var arr= [1,2,3,1,2];
    console.log(arr.indexOf(2));      //1,从前到后找到的第一个2的索引是1
    console.log(arr.indexOf(2,4));    //4,从第5个元素开始查收元素2，找到的元素的索引是4
    console.log(arr.indexOf(4))       //-1,没有到元素4

## lastIndexOf() 方法 ##

搜索数组中的元素，并返回它最后出现的位置。在数组中从后向前查找一个元素，并返回索引，找不到则返回-1

array.lastIndexOf(item,start)

参数：  
① item 要查找的元素 ,必须  
② start 开始查找的起始位置，可选，默认将从字符串的最后一个元素开始检索

var arr= [1,2,3,1,2];
    console.log(arr.lastIndexOf(2))   //4,从后到前找到的第一个2的索引是4

## includes()方法 ##

判断一个数组是否包含一个指定的值，返回 true 或 false

arr.includes(searchElement, fromIndex)

参数：  
① searchElement 必须。需要查找的元素值。  
② fromIndex 可选。开始查找的起始位置,默认为 0。

var arr1=[1,2,3,4,5];
    console.log(arr1.includes(3));  //true

## find()方法 ##

返回数组中第一个满足条件的元素，测试条件是find()的参数,如果没有满足要求的元素，则返回undefined。

array.find(function(currentValue, index, arr),thisValue)

参数：  
① function(currentValue, index,arr) 查询条件，必须，数组每个元素需要执行这个函数

*  currentValue 必需。当前元素
 *  index 可选。当前元素的索引值
 *  arr 可选。当前元素所属的数组对象

② thisValue 可选。 传递给函数的值一般用 “this” 值。默认为 “this” 值

var arr1=[1,2,3,4,5];
    var res=arr1.find(function (value,index,arr1) { 
      return value>3;
    });
    console.log(res);  //4

## findIndex()方法 ##

返回数组中第一个满足要求的元素的索引，参数同样是一个函数，如果没有满足要求的元素，则返回-1。

array.findIndex(function(currentValue, index, arr), thisValue)

参数：  
① function(currentValue, index,arr) 查询条件，必须，数组每个元素需要执行这个函数

*  currentValue 必需。当前元素
 *  index 可选。当前元素的索引值
 *  arr 可选。当前元素所属的数组对象

② thisValue 可选。 传递给函数的值一般用 “this” 值。默认为 “this” 值

var arr1=[1,2,3,4,5];
    var res=arr1.findIndex(function (value,index,arr1) { 
      return value>3;
    });
    console.log(res);  //3

## filter()方法 ##

遍历数组中的每一项，返回过滤后的结果数组，用来创建一个新数组，对原数组没有影响。

array.filter(function(currentValue,index,arr), thisValue)

参数：  
① function(currentValue, index,arr) 过滤条件，必须，数组每个元素需要执行这个函数

*  currentValue 必需。当前元素
 *  index 可选。当前元素的索引值
 *  arr 可选。当前元素所属的数组对象

② thisValue 可选。 传递给函数的值一般用 “this” 值。默认为 “this” 值

var arr1=[1,2,3,4,5];
    var arr2=arr1.filter(function (value,index,arr1) { 
      return value>3;
    });
    console.log(arr1);  //[1, 2, 3, 4, 5]
    console.log(arr2);  //[4, 5]

### every()方法 ###

遍历数组中的每一项，检测数值元素的每个元素是否都符合条件，结果全部为true，返回true，否则返回false

array.every(function(currentValue,index,arr), thisValue)

参数：  
① function(currentValue, index,arr) 检测条件，必须，数组每个元素需要执行这个函数

*  currentValue 必需。当前元素
 *  index 可选。当前元素的索引值
 *  arr 可选。当前元素所属的数组对象

② thisValue 可选。 传递给函数的值一般用 “this” 值。默认为 “this” 值

var arr1=[1,2,3,4,5];
    var result=arr1.every(function (value,index,arr1) { 
      return value>3;
    });
    console.log(result);  //false

### some()方法 ###

对数组中的元素进行遍历，检测数组元素中是否有元素符合指定条件,只要有结果为true，返回true，全部为false,返回false

array.some(function(currentValue,index,arr),thisValue)

参数：  
① function(currentValue, index,arr) 检测条件，必须，数组每个元素需要执行这个函数

*  currentValue 必需。当前元素
 *  index 可选。当前元素的索引值
 *  arr 可选。当前元素所属的数组对象