2023.06.13

JavaScriptで文字列を分割する方法

arage.com@gmail.com

JavaScriptでは、split()メソッドを使用することで文字列を分割できます。このメソッドは、指定されたセパレーターで文字列を分割し、その結果の配列を返します。

Contents

splitメソッドの引数とその動作

1str.split([separator[, limit]]);

separator
- これは任意の引数で、文字列または正規表現を指定できます。これを指定すると、文字列は指定された区切り文字で分割されます。指定しない場合、全体の文字列が1つの要素として配列になります。
limit
- これも任意の引数で、整数を指定できます。指定すると、その数だけ分割された部分文字列が含まれます。

区切り文字で文字列を分割できます。

1let str = "apple,orange,banana,grape";
2let result = str.split(",");
3console.log(result); // ["apple", "orange", "banana", "grape"]

splitメソッドの引数を空文字列(“”)にすることで、文字列を1文字ずつに分割できます。

1let str = "Hello";
2let result = str.split("");
3console.log(result); // ["H", "e", "l", "l", "o"]

splitメソッドの第二引数に整数を指定することで、指定した数の部分文字列に分割できます。

1let str = "apple, orange, banana, grape";
2let result = str.split(", ", 2);
3console.log(result); // ["apple", "orange"]

splitメソッドに正規表現を使うと、更に複雑なパターンで文字列を分割することができます。

1let str = "one1two22three333";
2let result = str.split(/\d+/);
3console.log(result); // ["one", "two", "three", ""]

splitメソッドを他のメソッドと組み合わせることで、さまざまな文字列操作を行うことができます。以下の例では、splitとjoinを組み合わせて文字列の各単語の順序を反転させています。

1let str = "Hello World";
2let result = str.split(" ").reverse().join(" ");
3console.log(result); // "World Hello"

TypeError: Cannot read property ‘split’ of null
- nullの文字列でsplitを試みた時に発生します。対象の文字列がnullでないことを確認してください。
TypeError: str.split is not a function
- splitは文字列のメソッドであるため、文字列以外のデータ型でsplitを試みた時に発生します。対象が文字列であることを確認してください。