🌊

Javascript splitメソッド

2021/04/08に公開

はじめに

split()メソッドについてまとめます。

使い方

  • 文字列を分割し、文字列の配列に格納
  • 戻り値がArray
  • 引数に区切り文字を渡す
  • 正規表現も使用可能

split() MDN

引数に何も指定しない

const str = 'aaa,bbb,ccc';
const word  = str.split();

console.log(word);
// [ 'aaa,bbb,ccc' ]

カンマで区切って分割

const str = 'aaa,bbb,ccc';
const word  = str.split(',');

console.log(word);
// [ 'aaa', 'bbb', 'ccc' ]

分割個数を制限する

const str = 'aaa,bbb,ccc,ddd';
const word  = str.split(',', 2);

console.log(word);
// [ 'aaa', 'bbb' ]

半角スペースで分割する

正規表現を使います。

const str = 'aaa bbb ccc';
const word  = str.split(/\s/);

console.log(word);
//[ 'aaa', 'bbb', 'ccc' ]

半角スペースとカンマで区切る

const str = 'aaa,bbb ccc ddd';
const word  = str.split(/,|\s/);

console.log(word);
// [ 'aaa', 'bbb', 'ccc', 'dddd' ]

joinを使ってみる

joinメソッドは配列の中の要素を連結し、文字列を返します。
join() MDN

const str = '2021/04/05';

// まずsplitで分割
let result  = str.split('/');

console.log(result);
// [ '2021', '04', '05' ]


//joinを使う
result = result.join('-')
console.log(result);
// '2021-04-05'

forEachを使ってみる

const str = 'aaa,bbb,ccc,ddd';
// splitで分割
const words  = str.split(',');
console.log(words)
// [ 'aaa', 'bbb', 'ccc', 'ddd' ]

// 配列をforEachでループさせる
words.forEach(word => {
    console.log(word)
})

// 'aaa'
// 'bbb'
// 'ccc'
// 'ddd'

参照

split() MDN
【JavaScript入門】split()で文字列の分割&正規表現の活用法まとめ!

Discussion