iT邦幫忙

2022 iThome 鐵人賽

DAY 11
0
自我挑戰組

JavaScript亂記系列 第 11

forEach 陣列資料處理

  • 分享至 

  • xImage
  •  

forEach會將陣列元素逐一取出,傳給使用者定義函數callback,在callback函數需接收陣列的相關資訊,這些資訓有下列參數可以使用:

  • currentValue: 元素值
  • index: 索引值
  • array: 原本的陣列

index與 array都是選用,你可以單純使用currentValue不加上其他。

例 ❶

let data = [30];
data.forEach(function(item,index,array){
    console.log(item,index,array);
})

例 ❷
陣列資料

let data = [
    {
       name:"tom" ,
       sex:"male"
    },
    {
        name:"mary",
        sex:"female"
    },
    {
        name:"denny" ,
        sex:"male"
     },
     {
         name:"cindy",
         sex:"female"
     },
     {
        name:"tommy" ,
        sex:"male"
     },
     {
         name:"lisa",
         sex:"female"
     }
];

處理

let people = {
    male:0,
    female:0
}
data.forEach(function(item,index){
    if(item.sex == "male"){
        people.male += 1;
    }else if(item.sex == "female"){
        people.female += 1;
    }
})
console.log("男生" + people.male + "人");
console.log("女生" + people.female + "人");

補充


(圖片來源:六角學院)

FOR迴圈


上一篇
陣列操作 II
下一篇
FOR迴圈
系列文
JavaScript亂記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言