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)
}