トップ JavaScript 配列と文字列の変換【JavaScript】

配列と文字列の変換【JavaScript】

文字列と配列を相互に変換したいときにはこの記事を読んでください（命令）
この記事で解説してます（断定）

1. 配列から文字列への変換
   1. 配列をコンマ区切りの文字列に変換
      1. array.prototype.join()を使う
      2. array.prototype.toString()を使う
   2. 配列を文字列に変換して一行ずつ出力する場合
2. 文字列から配列への変換
   1. コンマ区切りの文字列を配列に分割
   2. 文字列を1文字ずつ分割して配列に変換
   3. 引数を省略した場合

配列から文字列への変換

配列をコンマ区切りの文字列に変換

array.prototype.join()を使う

var array = ['apple', 'banana', 'chocolate'];
var string = array.join(',');
console.log(string);
// 出力
// apple,banana,chocolate

array.prototype.join()に渡した文字列を接着剤にして、 arrayの各要素をひとつの文字列にまとめて返します。

ちなみに、引数を省略した場合も、','が引数に与えられた時のように処理されます。

array.prototype.toString()を使う

var array = ['apple', 'banana', 'chocolate'];
var string = array.toString();
console.log(string);
// 出力
// apple,banana,chocolate

コンマ区切りにしたい場合、array.prototype.toString()も使えます。

配列を文字列に変換して一行ずつ出力する場合

var array = ['apple', 'banana', 'chocolate'];
var string = array.join('n');
console.log(string);
// 出力
// apple
// banana
// chocolate

改行文字（'n'）をjoinの引数として渡した場合、改行区切りの文字列が返されます。

文字列から配列への変換

コンマ区切りの文字列を配列に分割

var string = 'apple,banana,chocolate';
var array = string.split(',');
console.log(array);
// 出力
// (3) ["apple", "banana", "chocolate"]

array.prototype.split()に渡した文字列で、文字列を分割し、分割した文字列を要素にもつ配列を返します。

文字列を1文字ずつ分割して配列に変換

var string = 'apple,banana,chocolate';
var array = string.split('');
console.log(array);
// 出力
// (22) ["a", "p", "p", "l", "e", ",", "b", "a", "n", "a", "n", "a", ",", "c", "h", "o", "c", "o", "l", "a", "t", "e"]

空文字列（''）を渡した場合、文字列を一文字ずつ分割します。

引数を省略した場合

var string = 'apple,banana,chocolate';
var array = string.split();
console.log(array);
// 出力
// ["apple,banana,chocolate"]

引数なしの場合、分割されず、そのままの文字列を要素に持つ配列が返されます。