🌊
Javascript splitメソッド
はじめに
split()メソッドについてまとめます。
使い方
- 文字列を分割し、文字列の配列に格納
- 戻り値がArray
- 引数に区切り文字を渡す
- 正規表現も使用可能
引数に何も指定しない
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'
Discussion