介紹

在本文中，我們將了解三個 JavaScript 方法：split()、reverse() 和 join()。這些方法有助於處理字串和執行反轉文字或更改單字順序等任務。

先決條件

不需要任何經驗——只要願意深入研究 JavaScript 並嘗試這些方法即可。

split() 方法

split() 方法根據指定的分隔符號將字串拆分為數組，該分隔符號作為參數傳遞。分隔符號告訴程式在哪裡「剪切」字串。例如，如果您有一個類似「這是一個可愛的三明治」的句子，並且您想將其分成單獨的單詞，則可以使用空格 (' ') 作為分隔符號。

const string = "This is a lovely sandwich";
const splitString = string.split(" ");

當您提供空格 (' ') 作為參數時，程式碼會在字串中尋找該空格並在每次出現時「拆分」字串。這將創建一個數組，其中每個單字成為一個單獨的元素。

上述程式碼的結果是：

Array(5) [ "This", "is", "a", "lovely", "sandwich" ]

非常整潔，對吧？

您可以使用任何您想要的分隔符號。例如，如果您有一個帶有連字符的字串，例如“hi-there-how-are-you-doing!”如果您想用連字符分隔它，只需使用“-”作為分隔符：

const hyphen = "hi-there-how-are-you-doing!";
const splitHyphen = hyphen.split("-");

const 連字號 = "嗨，你好嗎！"; const splitHyphen = hyphen.split("-");

這導致：

const hyphen = "hi-there-how-are-you-doing!";
const splitHyphen = hyphen.split("-");

Array(6)

此方法為操作字串提供了多種可能性。但現在，您可能會想：

好吧，這很好，但我從一個字串開始，現在有了一個陣列。如何取回我的字串？

讓我們繼續下一個方法。

join() 方法

join() 方法可用於數組，將其轉回字串。就像 split() 一樣，join() 方法採用一個參數來指定如何連接陣列元素。不同之處在於 join() 使用參數將陣列元素組合回單一字串，而不是破壞字串。

例如，使用前面的 splitHyphen 數組，您可以透過提供空格作為參數將其連接回字串：

const joinedString = splitHyphen.join(" ");

const joinString = splitHyphen.join(" ");

這導致：

const joinedString = splitHyphen.join(" ");

“嗨，你好嗎！”

這就像魔法一樣！現在你的陣列被轉換回字串，每個單字之間有空格。

反向()方法

reverse() 方法將陣列中元素的順序改為與原來相反的順序。該方法直接在數組上調用，不帶任何參數，它只是反轉元素的順序。

例如，如果要反轉 splitHyphen 數組中的元素，可以這樣做：

const joinedString = splitHyphen.join(" ");

const returnedArray = splitHyphen.reverse();

結果是：

const joinedString = splitHyphen.join(" ");

[「正在做什麼！」、「你」、「是」、「如何」、「那裡」、「嗨」]

您甚至可以再次使用 join() 將這個反轉的陣列轉回字串：

const joinedString = splitHyphen.join(" ");

const returnedString = returnedArray.join(" ");

這給你：

const joinedString = splitHyphen.join(" ");

“正在做！你好嗨”

很酷吧？

結論

---

在本文中，我們探討了 JavaScript 中的三個基本方法：split()、reverse() 和 join()。我們研究了它們如何協同工作來操作字串和數組，並以靈活的方式轉換它們。我希望這對您的 JavaScript 之旅有所幫助，並激勵您進一步嘗試！

感謝您的閱讀！如果您有任何疑問或想分享您對 JavaScript 字串操作的想法，請隨時透過 Twitter @km_fsdev 與我聯繫。