關於 Array.find()

前言

  最近發現 ECMA Script  的 2023 的 新標準新增的 findLast() 與 findLastIndex() ，抽空做個學習，在此做個紀錄。

內容

  在先前的標準就有 find() 與 findIndex() ，用途是找尋陣列裡的元素，可以透過引數來決定尋找的條件， find() 找的是內容 ， findIndex() 找的是索引值，範例如下

const array1 = [5, 12, 130, 70, 44];
//
const found = array1.find((element) => element > 45);

console.log(`findValue:${found}`);
//
const foundIndex = array1.findIndex((element) => element > 45);

console.log(`findIndex:${foundIndex}`);
//
const foundLast = array1.findLast((element) => element > 45);

console.log(`findLastValue:${foundLast}`);
//
const foundLastIndex = array1.findLastIndex((element) => element > 45);

console.log(`findLastIndex:${foundLastIndex}`);
// "findValue:130"
// "findIndex:2"
// "findLastValue:70"
// "findLastIndex:3"

範例示範了用同一個條件對同一個陣列做找尋的結果， findLast() 與 findLastIndex() 就如同字面上的意思是從陣列的最後開始找，所以 find() 的結果是 130 ， findLast() 的結果是 70  ，而 findLastIndex() 就是 findLast() 回傳索引值的版本。 

參考資料

[ developer.mozilla.org ] Array.prototype.find()