最新的Web開發教程
 

JavaScript陣列find()方法

JavaScript的陣列參考 JavaScript的陣列參考

例

獲得具有18個或更多的值的數組中的第一元素的值：

var ages = [3, 10, 18, 20];

function checkAdult(age) {
    return age >= 18;
}

function myFunction() {
    document.getElementById("demo").innerHTML = ages.find(checkAdult);
}

其結果將是：

18
試一試»

更多“試一試”的例子。

定義和用法

在find()方法在通過測試（作為一個功能提供）數組返回第一個元素的值。

在find()方法為每個數組中存在的元素，一旦執行函數：

  • 如果發現其中函數返回一個真值數組元素，找到（）返回數組元素的值（不檢查剩餘的值）
  • 否則，返回undefined

注：找到（）不值不執行數組元素的功能。

注：找到（）不改變原來的數組。

瀏覽器支持

在表中的數字指定完全支持方法的第一個瀏覽器的版本。

方法
find() 45.0 12.0 25.0 7.1 32.0

句法

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

參數值

Parameter Description
function(currentValue, index,arr) Required. A function to be run for each element in the array.
Function arguments:
Argument Description
currentValue Required. The value of the current element
index Optional. The array index of the current element
arr Optional. The array object the current element belongs to
thisValue Optional. A value to be passed to the function to be used as its "this" value.
If this parameter is empty, the value "undefined" will be passed as its "this" value

技術細節

返回值： 返回的數組的值，如果任何陣列中的元素通過測試，否則返回未定義
JavaScript的版本： ECMAScript中6
例子

更多示例

例

獲得具有上述特定數量的值的數組中的第一元素的值：

<p>Minimum age: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Try it</button>

<p>Any ages above: <span id="demo"></span></p>

<script>
var ages = [4, 12, 16, 20];

function checkAdult(age) {
    return age >= document.getElementById("ageToCheck").value;
}

function myFunction() {
    document.getElementById("demo").innerHTML = ages.find(checkAdult);
}
</script>
試一試»
JavaScript的陣列參考 JavaScript的陣列參考