iT邦幫忙

2022 iThome 鐵人賽

DAY 26
0
自我挑戰組

新手的JavaScript扎根之路系列 第 26

Day26 陣列處理方法 find系列

  • 分享至 

  • xImage
  •  

嗨嗨!我是Winnie溫尼~/images/emoticon/emoticon08.gif

前言

前面的章節我們介紹了陣列處理方法forEach、map、filter,今天要介紹的則是find系列的find、findIndex、findLast、findLastIndex,一起來看看吧~!

find

將原始陣列運算後,尋找陣列中第一筆符合條件的資料,找不到則回傳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

findIndex

將原始陣列運算後,尋找陣列中第一筆符合的元素,並返回其 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

findLast

將原始陣列運算後,尋找陣列中最後一筆符合條件的資料,找不到則回傳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

findLastIndex

將原始陣列運算後,尋找陣列中最後一筆符合的元素,並返回其 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()

新手上路,如文章有錯誤或需修正之處,懇請大家多多指教!
那麼,我們明天見囉~/images/emoticon/emoticon29.gif


上一篇
Day25 陣列處理方法 map、filter
下一篇
Day27 函式陳述式與表達式
系列文
新手的JavaScript扎根之路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言