JavaScriptの split()メソッドは、文字列を指定した区切り文字で分割し、配列として返す便利なメソッドです。テキスト処理やデータ変換の場面でよく使われるため、基本的な使い方などをまとめていきたいと思います。
目次 非表示
split()は、文字列を指定した区切り文字（デリミタ）で分割し、配列を返すメソッドです。
JavaScript
文字列.split(区切り文字 [, 分割する最大数])区切り文字：分割の基準となる文字列または正規表現を指定します。分割する最大数（省略可能）：最大でいくつの要素に分割するかを指定できます。
JavaScript
const text = 'チョコーレート, クッキー, ドーナツ';
const sweets = text.split(','); // カンマで分割
console.log(sweets); // ["チョコーレート"," クッキー"," ドーナツ"]HTML
const sentence = 'Can I have a coffee please?';
const words = sentence.split(' '); // スペースで分割
console.log(words); // ["Can","I","have","a","coffee","please?"]JavaScript
const word = 'Coffee';
const letters = word.split('');
console.log(letters); // ["C","o","f","f","e","e"]HTML
const data = 'cookie;cake|donut';
const items = data.split(/[;|]/); // セミコロンまたはパイプで分割
console.log(items); // ["cookie","cake","donut"]JavaScript
const text = 'one,two,three,four,five';
const limited = text.split(',', 3); // 最初の3つの要素だけ取得
console.log(limited); // ["one", "two", "three"]split()は指定した区切り文字が見つからない場合、元の文字列全体を要素とする配列を返します。
HTML
console.log('coffee'.split(',')); // ["coffee"]HTML
console.log('coffee'.split('')); // ["c","o","f","f","e","e"]split()は文字列を指定した区切り文字で分割し、配列を返します。- 空文字
""を指定すると1文字ずつ分割できます。 - 正規表現を利用すると複数の区切り文字を扱えます。
trim()と併用すると余分な空白を削除できます。
