iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 29
0
自我挑戰組

JavaScript Array x 學習筆記系列 第 29

[Day 29 | statement - for...of ]

  • 分享至 

  • xImage
  •  

for...of

for...of 的用法類似 forEach

其功能都是針對物件(object)或是陣列(array)來做迭代

早期剛觸程式時,如果遇到要把陣列的值一一拿出來做運算,

第一直覺都是用for(先for就對了 XD)

也就是以下的第一種用法

然而現在 ES6 的出現,讓我們有更多選擇

也可以使用更簡便的箭頭函式(耍帥用) XDD


Syntax

for(element of (array/object)){

    //執行區塊
    
}

Example


const animals = ['dolphin','Tiger','Penguin','dolphin','elephant','dolphin','duck'];

/*=============== for ===============*/
for (let i = 0; i < animals.length; i++){
	console.log(animals[i])
}

/*=============== forEach (箭頭函式) ===============*/
animals.forEach(element => console.log(element.toUpperCase()));


/*=============== for of ===============*/
for (const element of animals) {
	console.log(element)
}


上一篇
[Day 28 | Spread syntax - {...} (展開運算子)]
下一篇
[Day 30 | array.length = 30 ]
系列文
JavaScript Array x 學習筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言