Day 25 認識一下 ES6:陣列的用法
ES6 有許多很好使用的語法,但是其實很難一言以蔽之,很多東西可能要真正執行專案的時候,才會比較有感,所以我們這裡就挑幾個來説說。接下來我來介紹個在陣列很好用的功能,例如你現在有個陣列:
var friends =['Rose',`Joy`,'Cherry',`Monica`,`Lucy`];
如果我們想印出陣列的時候,就會用 for 迴圈這樣寫:
for (var i=0; i<friends.length; i++){
console.log(friends[i]);
}
這事就會印出這些名字。
如果是在 ES6 的寫法,會更簡單,我來把 for 迴圈可以有更簡單的寫法,以下請看
friends.forEach(function(i){
console.log(i);
})
可以印出同樣的寫法,這樣是不是簡單得多呢?
還記得最一開始的時候,也說過命名這件事很重要,已剛剛的例子來說,我在function 命名i,但是基本上我們在一個集合會用複數說明,那裡面的值用單數來寫,這樣也能更清楚印出的東西是什麼唷:)這麼說來就可以改寫成以下:
friends.forEach(function(friend){
console.log(friend);
})
是不是覺得方便好用多了呢!
還記得上一回不是有提到箭頭函數嗎?其實也可以用在陣列上!
friends.forEach((friend)=>console.log(friend);
})
執行下去,效果依然是一樣的:)