嗨嗨!我是Winnie溫尼~
前面的章節我們介紹了陣列處理方法forEach、map、filter,今天要介紹的則是find系列的find、findIndex、findLast、findLastIndex,一起來看看吧~!
將原始陣列運算後,尋找陣列中第一筆符合條件的資料,找不到則回傳undefined。
array.find(function(item,index,array){
要執行的動作;
});
例:
let num = [1, 5, 10, 15, 3];
let findNum = num.find(function (item) {
return item > 3;
});
console.log(findNum); //5
將原始陣列運算後,尋找陣列中第一筆符合的元素,並返回其 index(索引值),如果沒有符合的對象,將返回 -1 。
array.findIndex(function(item,index,array){
要執行的動作;
});
例:
let num = [1, 5, 10, 15, 3];
let findNum = num.findIndex(function (item) {
return item > 3;
});
console.log(findNum); //1
將原始陣列運算後,尋找陣列中最後一筆符合條件的資料,找不到則回傳undefined。
array.findLast(function(item,index,array){
要執行的動作;
});
例:
let num = [1, 5, 10, 15, 3];
let findNum = num.findLast(function (item) {
return item > 3;
});
console.log(findNum); //15
將原始陣列運算後,尋找陣列中最後一筆符合的元素,並返回其 index(索引值),如果沒有符合的對象,將返回 -1 。
array.findLastIndex(function(item,index,array){
要執行的動作;
});
例:
let num = [1, 5, 10, 15, 3];
let findLastNum = num.findLastIndex(function (item) {
return item > 3;
});
console.log(findLastNum); //3
Array.prototype.find()
Array.prototype.findIndex()
Array.prototype.findLast()
Array.prototype.findLastIndex()
新手上路,如文章有錯誤或需修正之處,懇請大家多多指教!
那麼,我們明天見囉~