JavaScript - 配列を文字列に変換、3つの方法

Javascriptarray

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

1. join() への文字列変換

配列に複数の文字列がある場合、これらの文字列を連結して1つのStringオブジェクトにしようとします。 Array.join(separator) は配列の要素を一つの文字列に連結し、各要素の間に引数として渡された区切り文字を追加します。 引数を省略すると、 ,が区切り文字に設定されます

次の例は、区切り文字を省略したときと、入力したときにどのように出力されるかを示しています。

const arr = ["Hello", "World", "JavaScript", "!!!"];

let str = arr.join();
console.log(str)

str = arr.join("");
console.log(str)

str = arr.join(" ");
console.log(str)

Output:

Hello,World,JavaScript,!!!
HelloWorldJavaScript!!!
Hello World JavaScript !!!

2. for 繰り返し文への文字列変換

繰り返しステートメントを使用して、次のように配列の要素を1つの文字列に連結できます。

const arr = ["Hello", "World", "JavaScript", "!!!"];
let str = "";

arr.forEach((element) => {
  const separator = " ";
  if (str.length == 0) {
    str = str + element;
  } else {
    str = str + separator + element;
  }
})
console.log(str)

Output:

Hello World JavaScript !!!

3. toString() への文字列変換

Array.toString() は、 , を区切り文字として要素を 1 つの文字列に連結して返します。

const arr = ["Hello", "World", "JavaScript", "!!!"];

let str = arr.toString();
console.log(str)

Output:

Hello,World,JavaScript,!!!

以下のように、replace() を使って , を別の区切り文字に変更できます。しかし、配列内の文字列に , がある場合、これも一緒に置き換えられるので良い方法ではありません。 配列の文字列に , がない場合にのみ、この方法を使用できます。

const arr = ["Hello", "World", "JavaScript", "!!!"];

let str = arr.toString();
str = str.replace(/,/g, " ");
console.log(str)

Output:

Hello World JavaScript !!!

Related Posts

codechachaCopyright ©2019 codechacha