for...of 的用法類似 forEach
其功能都是針對物件(object)或是陣列(array)來做迭代
早期剛觸程式時,如果遇到要把陣列的值一一拿出來做運算,
第一直覺都是用for(先for就對了 XD)
也就是以下的第一種用法
然而現在 ES6 的出現,讓我們有更多選擇
也可以使用更簡便的箭頭函式(耍帥用) XDD
for(element of (array/object)){
//執行區塊
}
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)
}