陣列操作介紹 (下篇)

介紹四種陣列運用:

1. map
2. filter
3. find
4. findlndex

3. find

1. 尋找陣列裡面第一筆符合條件的資料。

const num = [ 1 , 2 , 3 , 7 , 8 , 9 ]
const newNum = num.find(function(item){
  return item >= 5;
})
console.log(newNum);

如圖所示找出大於5的值，理論會印出7、8、9這三個值，但
使用 find 只會找尋出符合條件的第一筆資料。

4. findIndex

1. 找尋出符合條件的資料索引。(資料在陣列的排序)

const colors = [ "red" , "black" , "white" , "blue" ]
const color = colors.findIndex(function(item){
  return item == "black";
})
console.log(color);

如圖所示使用 findIndex 找出符合條件的資料索引。
回傳的值為 1 ，陣列 0 為排序第一個， 1 為排序第二個。

陣列操作整理

1. map 、 filter 、 find 、 findIndex 四種都不會影響原先陣列。
2. map 在運算後重新整理出新陣列。
3. filter 篩選出符合條件的資料再重新組成新陣列。
4. find 找出第一筆符合的資料。
5. findndex 找出符合資料的排序。

今天到此結束。