当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


Javascript Array find()用法及代码示例


arr.find()函数用于从数组中找到满足该函数实现条件的第一个元素。如果有多个元素满足条件,则返回满足条件的第一个元素。假设您要查找数组中的第一个奇数。参数函数检查传递给它的参数是否为奇数。 find()函数为数组的每个元素调用参数函数。 find()函数将实参函数返回true的第一个奇数作为答案。该函数的语法如下:

用法:

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

参数
该函数的参数是另一个函数,该函数定义要检查数组每个元素的条件。该函数本身带有三个参数:


  • array:

  • 这是数组.filter()函数被调用。

  • index:
    This is the index of the current element being processed by the function.
  • element:
    This is the current element being processed by the function.

另一个参数thisValue用于告诉函数在执行参数函数时使用该值。

返回值
此函数从满足给定条件的数组中返回第一个值。如果没有值满足给定条件,则返回undefined作为其答案。

下面提供了上述函数的示例:

范例1:

function isOdd(element, index, array) {
  return (element%2 == 1);
}

print([4, 6, 8, 12].find(isOdd));

输出:

undefined

在此示例中,函数find()查找数组中的所有奇数。由于不存在奇数,因此它返回undefined。

范例2:


function isOdd(element, index, array) {
  return (element%2 == 1);
}

print([4, 5, 8, 11].find(isOdd));

输出:

5

在此示例中,函数find()查找数组中第一个出现的奇数。由于第一个奇数是5,因此它将返回它。

下面提供了上述函数的代码:

程序1:

// JavaScript to illustrate find() function 
  
<script> 
function isOdd(element, index, array)  
{  
  return (element % 2 == 1);  
} 
  
function func()  
{ 
  var array = [ 4, 6, 8, 12 ]; 
  
  // Checking for odd numbers and  
  // reporting the first odd number 
  document.write(array.find(isOdd)); 
}  
func(); 
</script>

输出:

undefined

程序2:

<script> 
// JavaScript to illustrate find() function 
  
function isOdd(element, index, array) 
{  
   return (element % 2 == 1);  
} 
  
function func()  
{ 
  var array = [ 4, 5, 8, 11 ]; 
  
  // Checking for odd numbers and  
  // reporting the first odd number 
  document.write(array.find(isOdd)); 
}  
func(); 
</script>

输出:

5

应用:
每当我们需要获取满足所提供的测试函数的数组中第一个元素的值时,我们就会在JavaScript中使用Array.find()方法。
让我们看一下JavaScript程序:

// input array contain some elements. 
var array = [2, 7, 8, 9]; 
  
// Here find function returns the value of  
// the first element in the array that satisfies  
// the provided testing function (return element > 4). 
var found = array.find(function(element) { 
  return element > 4; 
}); 
  
// Printing desired values. 
console.log(found);

输出:

> 7


相关用法


注:本文由纯净天空筛选整理自HGaur大神的英文原创作品 JavaScript | Array find() function。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。