JS筆記 | 將字串轉為陣列的三種簡單方法

在準備轉職的這段期間,每週大概會挑一天來練習 Codewars,也算是一個禮拜中可以稍微喘息一下的小確幸了(?因為在解題 Codewars 時覺得還蠻好玩的,它有很多等級的練習題,每個練習題它們稱為 Kata,等級從 8 到 1 ( 1 是最難的等級 ),有點算闖關的概念,慢慢升級,有興趣可以玩玩看!

Codewars:網址

回歸到正題,就是因為在練習 Codewars 時,時常需要把字串轉為陣列、陣列轉為字串,老是會忘記要用哪個語法,雖然可以用 ChatGPT 查,但每次用都要查也是頗麻煩,乾脆這次紀錄起來,看看會不會比較好記點

這次要筆記的就是:

將字串轉為陣列的三種方法 ( String → Array )



1. 方法一:用 Split()

說明:

可以將字串依據「空格、逗號、頓號…等符號」來拆分成陣列

若沒有要將字串一個一個字拆開,而是依需求的指定符號來拆分,此方法很好用!

範例一:

將字串 “I love apple” 每個單字拆出來放入陣列,依空格劃分

01_Split_說明圖_1

JavaScript:

→ 依「空格」拆分,所以 split() 的括號裡面要寫空格為「 split(” ”)

01_Split_範例圖_1

範例二:

跟上面做出來的效果一樣,將字串 “I,love,apple” 每個單字拆出來放入陣列,只是這次字串中間不是空格,而是「逗號」,所以要改成依逗號劃分

02_Split_說明圖_2

JavaScript:

→ 依「逗號」拆分,所以 split() 的括號裡面要寫逗號為「 split(”,”)

02_Split_範例圖_2

2. 方法二:用 Array.from()

說明:

將字串「一個一個字」拆分成陣列

範例:

將字串 “apple” 每個字母一個一格拆出來放入陣列

03_arrayFrom_說明圖

JavaScript:

→ 將字串寫入 Array.from() 的括號內即可

03_arrayFrom_範例圖

3. 方法三:用展開運算子 ( … )

說明:

跟 Array.from() 一樣可以將字串「一個一個字」拆分成陣列

展開運算子不只可以做字串和陣列的轉換,還有複製陣列、合併陣列、複製陣列…等多功能,可以參考

範例:

這個範例就跟 Array.from() 一樣,將字串 “apple” 每個字母一個一格拆出來放入陣列

04_spreadOperator_說明圖

JavaScript:

→ 最外面要用 [ ] 包起來,然後裡面寫「 …字串

04_spreadOperator_範例圖

以上,就這樣囉!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *