JavaScript – 數組 join() 方法

在 JavaScript 編程中，數組是一個非常常見的數據結構。愛掏網 - it200.com而 join() 方法則是數組對象中的一個實用方法，其主要作用是將數組中的元素連接成一個字符串。愛掏網 - it200.com

join() 方法的語法如下：

array.join([separator])

其中 array 是要被連接的數組對象，separator 是可選的分隔符。愛掏網 - it200.com如果沒有指定分隔符，則默認為逗號。愛掏網 - it200.com

示例代碼

const fruits = ["apple", "banana", "orange", "kiwi"];

console.log(fruits.join()); // "apple,banana,orange,kiwi"
console.log(fruits.join('-')); // "apple-banana-orange-kiwi"
console.log(fruits.join(' and ')); // "apple and banana and orange and kiwi"

在上面的示例代碼中，我們首先定義了一個包含四個元素的數組 fruits。愛掏網 - it200.com接著，我們分別使用不同的分隔符來打印出連接后的字符串。愛掏網 - it200.com

需要注意的是，join() 方法不會影響原始數組。愛掏網 - it200.com也就是說，這個數組的元素順序不會改變，也不會產生新的數組。愛掏網 - it200.com

逆向操作

我們還可以把字符串拆分成原始的數組，這個時候可以使用 split() 方法來實現這個目標。愛掏網 - it200.comsplit() 方法的語法如下：

string.split([separator[, limit]])

其中 string 是要被拆分的字符串，separator 是可選的分隔符，limit 是可選的拆分數量。愛掏網 - it200.com

下面是一個示例代碼，它演示了將字符串拆分成原始的數組：

const fruitsStr = "apple,banana,orange,kiwi";
const fruitsArr = fruitsStr.split(',');

console.log(fruitsArr); // ["apple", "banana", "orange", "kiwi"]

在上面的示例代碼中，我們首先定義了一個包含逗號分隔符的字符串 fruitsStr。愛掏網 - it200.com接著，我們使用 split() 方法將這個字符串拆分成一個原始的數組。愛掏網 - it200.com最后，我們將拆分后的數組打印到控制臺上。愛掏網 - it200.com

結論

數組的 join() 方法是一個非常有用的方法，它可以將數組中的元素連接起來形成一個字符串。愛掏網 - it200.com我們還可以使用 split() 方法逆向操作，將字符串拆分成原始的數組。愛掏網 - it200.com這兩個方法可以幫助我們方便地處理字符串和數組之間的轉換。愛掏網 - it200.com