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