JavaScript 陣列 findLastIndex()
示例 1
查詢值大於 18 的最後一個元素
const ages = [3, 10, 18, 20];
ages.findLastIndex(checkAge);
function checkAge(age) {
return age > 18;
}
自己動手試一試 »
描述
findLastIndex() 方法為陣列中的每個元素執行一個函式。
findLastIndex() 方法返回透過測試的最後一個元素的索引（位置）。
如果沒有找到匹配項，findLastIndex() 方法返回 -1。
findLastIndex() 方法不會對空陣列元素執行函式。
findLastIndex() 方法不會更改原始陣列。
陣列查詢方法
| 方法 | 查詢 |
|---|---|
| indexOf() | 具有指定值的第一個元素的索引 |
| lastIndexOf() | 具有指定值的最後一個元素的索引 |
| find() | 透過測試的第一個元素的值 |
| findIndex() | 透過測試的第一個元素的索引 |
| findLast() | 透過測試的最後一個元素的值 |
| findLastIndex() | 透過測試的最後一個元素的索引 |
語法
array.findLastIndex(function(currentValue, index, arr), thisValue)
引數
| 引數 | 描述 |
| function() | 必需。 為每個陣列元素執行的函式。 |
| currentValue | 必需。 當前元素的值。 |
| index | 可選。 當前元素的索引。 |
| arr | 可選。 當前元素所屬的陣列。 |
| thisValue | 可選。預設 undefined。作為其 this 值傳遞給函式的值。 |
返回值
| 型別 | 描述 |
| Number | 透過測試的最後一個元素的索引。 否則返回 -1。 |
更多示例
查詢值大於輸入值的最後一個元素
<p><input type="number" id="toCheck" value="18"></p>
<button onclick="myFunction()">測試</button>
<p>大於以下值的任何值：<span id="demo"></span></p>
<script>
const numbers = [4, 12, 16, 20];
function checkValue(x) {
return x > document.getElementById("toCheck").value;
}
function myFunction() {
document.getElementById("demo").innerHTML = numbers.findLastIndex(checkValue);
}
</script>
自己動手試一試 »
瀏覽器支援
findLastIndex() 是 ES2023 的一個特性。
自 2023 年 7 月起，所有現代瀏覽器均支援此功能。
| Chrome 110 | Edge 110 | Firefox 115 | Safari 16.4 | Opera 96 |
| 2023 年 2 月 | 2023 年 2 月 | 2023 年 7 月 | 2023 年 3 月 | 2023 年 5 月 |
