find()

作用:
它会在数组里面找,找到第一个符合条件的元素,它就立即返回当前元素,不会继续网下找,如果数组中的所有元素都不符合条件,则返回undefined。
返回通过测试(函数内判断)的数组的第一个元素的值。
为数组中的每个元素都调用一次函数执行:

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

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

语法

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

参数说明:
参数1:function(currentValue, index,arr)必需。数组每个元素需要执行的函数。
函数参数:

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

参数2:thisValue
可选。 传递给函数的值一般用 “this” 值。
如果这个参数为空, “undefined” 会传递给 “this” 值

实例

查找数组中第一个大于14的元素。

var age=[12,42,34,10];
let a=this.age.find((x)=>{
		return x>14;
 });
console.log(a);//打印结果42

findIndex()

作用:从数组中查找第一个符合条件的元素,然后返回该元素的索引,如果找到第一个符合条件的元素就不再继续往下找,如果找不到,则返回-1。

返回传入一个测试条件(函数)符合条件的数组第一个元素位置。为数组中的每个元素都调用一次函数执行:

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

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

语法

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

参数说明:
参数1:function(currentValue, index,arr)必须。数组每个元素需要执行的函数。
函数参数:

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

参数2:thisValue
可选。 传递给函数的值一般用 “this” 值。如果这个参数为空, “undefined” 会传递给 “this” 值

实例

var  age=[12,42,34,10];
aa() {
  let a = this.age.findIndex((x) => {
    return x > 14;
  });
  console.log(a);//打印结果1

版权声明:本文为qq_42238554原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/qq_42238554/article/details/103735218