数组超实用的常见方法：find、findIndex、some、every

刺骨的言语ヽ痛彻心扉 2021-08-13 21:31 476阅读 0赞

这里介绍几个数组常用的而且超级实用的方法，主要都是用来获取数组中符合条件的某个值

**1、find：给定条件，返回数组中第一个满足该条件的值，之后的值不再进行检测，当没有找到满足该条件的值时，返回undefined**

以上代码给定条件，当数组当前的值的age属性等于23时，返回该值。从数据中我们可以看到，有2项值符合该条件，但是find会找到第一个符合该条件的值，最终返回了第一个符合该条件的所对应的数据 小明，且后面的值不再进行检测

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMzYzODg0_size_16_color_FFFFFF_t_70][]

**2、findIndex：给定条件，返回数组中第一个满足该条件的值的下标，之后的值不再进行检测，当没有找到满足该条件的值时，返回 -1**

以上代码给定条件，当数组当前的值的age属性等于23时，返回该值所对应的下标。从数据中我们可以看到，有2项值符合该条件，但是find会找到第一个符合该条件的值的下标，最终返回了第一个符合该条件的所对应的数据的下标，且后面的值不再进行检测

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMzYzODg0_size_16_color_FFFFFF_t_70 1][]

**3、some：给定条件，只要数组中有一个值满足该条件，就返回true，之后的值不再进行检测，如果没有满足条件的值，返回false**

以上代码给定条件，判断数组中是否存在值的age属性小于等于20时，只要有一个值满足该条件，就返回true，从数据中我们可以看到小红所对应的数据满足该条件，返回了true，并且后面的值也不再进行检测

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMzYzODg0_size_16_color_FFFFFF_t_70 2][]

**4、every：给定条件，只有当数组中所有值都满足该条件，才返回true，当有值不符合该条件时，返回false，之后的值不再进行检测**

以上代码给定条件，判断数组中是否所有值的age属性小于等于20时，只要有一个值不满足该条件，就返回false，从数据中我们可以看到小红所对应的数据不满足该条件，最终返回了false，并且后面的值也不再进行检测

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMzYzODg0_size_16_color_FFFFFF_t_70 3][]

以上四个方法的执行函数都接受3个参数：

<table> 
 <tbody> 
  <tr> 
   <td><em>currentValue</em></td> 
   <td>必需。当前元素</td> 
  </tr> 
  <tr> 
   <td><em>index</em></td> 
   <td>可选。当前元素的索引值</td> 
  </tr> 
  <tr> 
   <td><em>arr</em></td> 
   <td>可选。当前元素所属的数组对象</td> 
  </tr> 
 </tbody> 
</table>

好了，以上就是这四个数组方法的介绍以及使用。

如有问题，请指出，接受批评。

个人微信公众号：

![20200824115006851.png][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMzYzODg0_size_16_color_FFFFFF_t_70]: /images/20210813/8e33282327234dabb25bc3ecdf9f69c3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMzYzODg0_size_16_color_FFFFFF_t_70 1]: /images/20210813/a0074b7ee4a8441da1d3ee89995e11d4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMzYzODg0_size_16_color_FFFFFF_t_70 2]: /images/20210813/28c8a665d1424261863ba1e217616c30.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMzYzODg0_size_16_color_FFFFFF_t_70 3]: /images/20210813/94289d6a4d154c09bea211d9fa940edb.png
[20200824115006851.png]: /images/20210813/43d34529651d4075aaaf672342f6cc5e.png