iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 17
0
Modern Web

菜菜菜的前端學習日誌系列 第 17

好用的Array Method

菜菜菜的前端學習日誌 - Day17

前面動物園的成員還是只剩下3隻動物,我們就繼續用這個練習吧

var animal = ['horse', 'tiger', 'lion'];

還是Array Method

最近好想動物園接到了一封挑戰書,園長拿起來一看!!
原來是附近的不太想動物園要向我們好想動物園比賽“愛踢幫團體足球賽“
園長心想:不行啊~動物園前些日子才走了一些動物,必須在徵招一些救兵來支援呀!!
所以園長第一個想到把豹哥找回來,獵豹一定是跑很快的,但又怕萊恩會生氣,沒想到萊恩二話不說答應了,先決條件是比賽時萊恩要當隊長,園長當然是說好啦。
接下來園長又陸續找到了

甘羚羊美眉

以及已經出家且前些日子還去踢足球拍電影的鴕鳥六師弟

以鴕鳥六師弟的腳程加上他的輕功水上飄一定是一大助力呀!!

既然園長已經把幫手找齊了那就將牠們加入動物園裡面吧
當然不能占了森林之王萊恩的大位,所以就從中間將他們加入吧

animal.splice(2,0,'antelope','ostrich','leopard');
console.log(animal);

splice(index位置,刪除/替換數量,加入的值)

這樣子動物園的戰力就壯大了呢

reverse

經過一連串的練習之後,終於到了要比賽的日子
隊長萊恩覺得牠是隊長且應該要在前面帶領大家,所以萊恩決定比賽時應該要將大家的順序顛倒過來,讓最愛跑步的馬腫桶擔任最後的守護神來爭取勝利!!

我們就使用reverse來幫牠們調換順序吧

animal.reverse();
console.log(animal);


就這樣子萊恩帶著好想團隊出征了~

sort

果然在大家齊心協力的情況下,好想動物園贏得了這場團體競賽
大家開心的上台北領獎並且舉辦慶功宴
因為大會獎品的順序是按照字母排列發放的,所以牠們必須在調換一次順序才能上台領獎

我們就透過sort幫他們重新調換順序吧

animal.sort();
console.log(animal);

這樣子他們就得順序就按照英文字母排列了呢

jion

慶功宴上大家開心的聊著天吃著飯,園長覺得這是值得紀念的一刻應該要記錄起來
因為要拍團體照,需要讓大家排在一起
我們就用join讓大家"+"在一起吧~

var allTeam = animal.join('+')
console.log(allTeam);

這樣就把大家"+"在一起了呢!!


上一篇
好用的Array Method(賦值)
下一篇
String method
系列文
菜菜菜的前端學習日誌30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言