JavaScriptのsplit()の使い方と活用方法

JavaScriptのsplit()は、文字列を特定の区切りで分割し、配列として扱うための基本的かつ重要なメソッドです。
CSVデータの処理やユーザー入力の分解など、実務でも頻繁に使われます。

この記事では、split()の基本から応用までを体系的に解説します。基礎をしっかり押さえることで、文字列処理の理解が大きく深まります。

split()とは

split()は、文字列を指定した区切り文字で分割し、配列として返すメソッドです。

const str = "apple,banana,orange";
const result = str.split(",");

console.log(result);

実行結果

["apple", "banana", "orange"]

このように、,（カンマ）を基準に文字列が分割されます。

基本構文

文字列.split(区切り文字, 分割数);

区切り文字を指定して分割する

もっとも基本的な使い方です。

const text = "red-blue-green";
const result = text.split("-");

console.log(result);

実行結果

["red", "blue", "green"]

スペースで分割する

単語ごとに分割したい場合に便利です。

const sentence = "JavaScript is fun";
const words = sentence.split(" ");

console.log(words);

実行結果

["JavaScript", "is", "fun"]

分割数を指定する

分割する数を制限できます。

const data = "a,b,c,d,e";
const result = data.split(",", 3);

console.log(result);

実行結果

["a", "b", "c"]

区切り文字が存在しない場合

区切り文字が見つからない場合は、元の文字列がそのまま配列に入ります。

const text = "hello";
const result = text.split(",");

console.log(result);

実行結果

["hello"]

文字を1文字ずつ分割する

空文字を指定すると、1文字ずつ分割されます。

const text = "ABC";
const result = text.split("");

console.log(result);

実行結果

["A", "B", "C"]

正規表現を使った分割

split()は正規表現にも対応しています。

正規表現の基礎については
JavaScriptの正規表現の基本と使い方
もあわせて確認すると理解が深まります。

const text = "apple,banana orange";
const result = text.split(/[,\s]+/);

console.log(result);

実行結果

["apple", "banana", "orange"]

カンマや空白など、複数の区切りに対応できます。

改行で分割する

テキスト処理でよく使われるパターンです。

const text = "line1\nline2\nline3";
const lines = text.split("\n");

console.log(lines);

実行結果

["line1", "line2", "line3"]

split()とjoin()の組み合わせ

分割した後に再結合することで、文字列加工が可能です。

const text = "2024-01-01";
const result = text.split("-").join("/");

console.log(result);

実行結果

"2024/01/01"

join()については
JavaScriptのjoin()の使い方
も参考になります。

split()とmap()を組み合わせる

配列に変換した後、要素ごとに処理できます。

const numbers = "1,2,3,4";
const result = numbers.split(",").map(Number);

console.log(result);

実行結果

[1, 2, 3, 4]

配列処理については
JavaScriptの配列操作まとめ（map・filter・reduce）
もあわせて確認すると理解が深まります。

CSV形式のデータを処理する

簡易的なCSV処理にも利用できます。

const csv = "name,age,city";
const result = csv.split(",");

console.log(result);

実行結果

["name", "age", "city"]

split()使用時の注意点

空要素が含まれる場合がある

const text = "a,,b";
const result = text.split(",");

console.log(result);

実行結果

["a", "", "b"]

連続した区切り文字は空文字として扱われます。

trim()と組み合わせると便利

不要な空白を削除できます。

const text = " apple , banana , orange ";
const result = text.split(",").map(s => s.trim());

console.log(result);

実行結果

["apple", "banana", "orange"]

split()が活躍する場面

• CSVやログの解析
• ユーザー入力の分解
• URLやパスの分割
• 日付フォーマットの変換
• テキストの整形処理

文字列処理の基礎として、非常に幅広い用途があります。

まとめ

• split()は文字列を配列に変換する基本メソッド
• 区切り文字や正規表現で柔軟に分割できる
• map()やjoin()と組み合わせることで応用力が高まる
• 空要素や空白の扱いには注意が必要

関連記事

• JavaScriptの文字列とは？基本と使い方を解説
• JavaScriptのreplace()の使い方
• JavaScriptの正規表現の基本と使い方
• JavaScriptの配列操作まとめ（map・filter・reduce）

split()はシンプルながら応用範囲が広く、文字列操作の基礎を支える重要なメソッドです。
確実に使いこなすことで、データ処理の効率が大きく向上します。