プロフィール
JavaScript PR

JavaScript – 配列を文字列に変換する方法

  /
記事内に商品プロモーションを含む場合があります

JavaScriptでは、
配列を文字列に変換する方法が複数存在します。
代表的なメソッドとしてjoin()や
toString()があります。

本記事では、これらのメソッドを使って、
配列を簡単に文字列に変換する方法を解説します！

Contents
  1. join()メソッドを使った変換
  2. toString()メソッドを使った変換
  3. 配列がネストされている場合の対処法
  4. まとめ

join()メソッドを使った変換

join()メソッドは、
配列の全要素を特定の区切り文字で結合し、
1つの文字列として返します。
デフォルトではカンマ（,）で区切られますが、
他の区切り文字を指定することも可能です。

const fruits = ['apple', 'banana', 'cherry'];
const result = fruits.join(', '); // 'apple, banana, cherry'
console.log(result);

カスタム区切り文字の使用

join()メソッドでは、
任意の区切り文字を指定することができます。
例えば、スペースやハイフンを区切り文字にする場合は
次のように記述します。

const numbers = [1, 2, 3, 4, 5];
const result = numbers.join(' - '); // '1 - 2 - 3 - 4 - 5'
console.log(result);

参考：split()で文字列を配列にする

const str = 'apple, banana, cherry';
const array = str.split(',');
console.log(array);

toString()メソッドを使った変換

toString()メソッドも配列を文字列に変換しますが、
join()のように区切り文字を指定することはできません。
デフォルトではカンマで要素が区切られます。

const fruits = ['apple', 'banana', 'cherry'];
const result = fruits.toString(); // 'apple,banana,cherry'
console.log(result);

配列がネストされている場合の対処法

配列がネストされている場合、
join()やtoString()では完全に望む結果が
得られないことがあります。

このような場合は再帰関数やflat()メソッドを使用して、
配列をフラット化してから変換することが推奨されます。

const nestedArray = [1, [2, 3], [4, 5]];
const flatArray = nestedArray.flat();
const result = flatArray.join(', '); // '1, 2, 3, 4, 5'
console.log(result);

まとめ

本記事では、
JavaScriptで配列を文字列に変換する方法を紹介しました！

JavaScriptで配列を文字列に変換する際には、
join()が最も柔軟で便利です。

また、特定の区切り文字を使用したい場合や
ネストされた配列を扱いたい場合には、
flat()メソッドなどと組み合わせることで、
目的に応じた変換が可能になります。

状況に応じて適切なメソッドを選択して、
効率的なコードを記述しましょう！

以上、誰かの参考になれば！

配列
RELATED POST