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

String Method

今天要來講一些常用的String Methed

var andy = 'Hello! My name is Andy.';

toUpperCase

當今當我們需要將一段英文字母變成大寫，就能夠透過toUpperCase來將英文字母通通變大寫

var newAndy = andy.toUpperCase();
console.log(newAndy);

這樣子所有的字母都會變大寫了

toLowerCase

而這個與上一個是相反的，它是將字母變成小寫
如果今天要做一個會員登入網站，要讓會員在建立帳號時不限制大小寫，我們能夠透過這個Method來將他輸入的帳號轉成小寫傳到後端

寫法跟上一個是一樣的

var newAndy = andy.toLowerCase();
console.log(newAndy);

這樣子所有的字母就都變小寫囉～

split

今天我們要幫一個新生代的偶像團體7T男神團做宣傳，我們需要他們的清單
但是好想經紀公司卻給了我們一個String，這樣子我們很難去運用

var handsomeBoy7st = "Arel,Andy,Jim,Kevin,X";

所以我們就透過split將它變成Array來讓我們能夠好作業吧

var newHandsomeBoy7st = handsomeBoy7st.split(",");   //他會以,為基準去分割
console.log(newHandsomeBoy7st);

這樣子我們就拿到男神團的陣列格式，就能比較好去運用它囉

includes

includes可以尋找符合條件的字串回傳true or false

吉姆聽說好想訓練營有許多專業的隊伍，他聽說最近天堂Ｍ很火紅，所以想要加入好想專業天堂隊一起跟夥伴攻下奇岩城！！

我們就用前面講過的filter搭配includes來幫他找到好想專業天堂隊吧

var goodIdeaTeam = ["好想專業羽球隊", "好想專業皇室隊", "好想專業跑步隊", "好想專業天堂隊", "好想專業桌遊隊"]

var teamFilter = goodIdeaTeam.filter((i) => {
    return i.includes("天堂");
})

console.log(teamFilter);

這樣我們就幫吉姆順利的找到天堂隊，跟著妹子來亂、島主Don以及闇玥星稀一起遊歷天堂世界、一起打怪吃王！！！