概要
split()は String インスタンスのメソッドで、文字列を指定した区切り文字で分割し、配列として返します。
join()は Array インスタンスのメソッドで、配列の要素を指定した区切り文字で結合し、1つの文字列として返します。
つまり、
-
splitは「文字列 → 配列」 -
joinは「配列 → 文字列」
の変換を担うインスタンスメソッドです。
目次
基本構文
JavaScript
// split: 文字列 → 配列
const str = "apple,banana,orange";
const fruits = str.split(",");
console.log(fruits);
// 出力結果 ["apple", "banana", "orange"]
// join: 配列 → 文字列
const joined = fruits.join(" / ");
console.log(joined);
// 出力結果 "apple / banana / orange"
splitとjoinの比較
splitメソッド
JavaScript
const text = "A-B-C-D";
const parts = text.split("-");
console.log(parts);
// 出力結果 ["A", "B", "C", "D"]
- 対象: 文字列
- 戻り値: 区切り文字で分割された配列
- 用途: CSVデータ処理、文章の単語分割など
joinメソッド
JavaScript
const letters = ["A", "B", "C", "D"];
const word = letters.join("-");
console.log(word);
// 出力結果 "A-B-C-D"
- 対象: 配列
- 戻り値: 配列要素を結合した文字列
- 用途: CSV形式の文字列生成、文章の構築など
比較結果
| メソッド | 対象 | 役割 | 戻り値 |
|---|---|---|---|
split |
文字列 | 区切り文字で分割して配列に変換 | 配列 |
join |
配列 | 区切り文字で結合して文字列に変換 | 文字列 |
活用例
1. 単語数を数える
JavaScript
const sentence = "I love JavaScript very much";
const words = sentence.split(" ");
console.log(words.length);
// 出力結果 5
2. パス操作
JavaScript
const path = "/users/admin/docs";
const dirs = path.split("/");
console.log(dirs);
// 出力結果 ["", "users", "admin", "docs"]
const rebuilt = dirs.join(" → ");
console.log(rebuilt);
// 出力結果 " → users → admin → docs"
3. 回文チェック
JavaScript
const word = "level";
const reversed = word.split("").reverse().join("");
console.log(word === reversed);
// 出力結果 true