JavaScript - 文字列を配列（Array）に変換

JavaScriptで文字列を配列に変換する方法を紹介します。

1.1 文字列の文字を分離して配列に変換する: Spread Operator

スプレッド演算子を使用して文字列を配列に変換できます。文字列を構成する文字は分離され、要素として配列に追加されます。

const str = 'hello';

const arr = [...str];

console.log(Array.isArray(arr));
console.log(arr);

Output:

true
[ 'h', 'e', 'l', 'l', 'o' ]

Array.from() で文字列を配列に変換できます。スプレッド演算子を使用した方法と結果は同じです。

const str = 'hello';

const arr = Array.from(str);

console.log(Array.isArray(arr));
console.log(arr);

Output:

true
[ 'h', 'e', 'l', 'l', 'o' ]

split() を使用すると、区切り文字で文字列を分離し、分離された文字列を配列に格納できます。次の例では、文字列をスペースで区切り、区切り文字で配列を作成します。

const str = 'hello world javascript';

const arr = str.split(' ');

console.log(Array.isArray(arr));
console.log(arr);

Output:

true
[ 'hello', 'world', 'javascript' ]

以下の例は、文字列をcommaを区切り文字で区切って配列に変換する例です。

const str = 'hello,world,javascript';

const arr = str.split(',');

console.log(Array.isArray(arr));
console.log(arr);

Output:

true
[ 'hello', 'world', 'javascript' ]