JavaScriptを使用して配列を文字列に変換する方法

2つの異なる方法を使用して、JavaScriptを使用して配列を文字列に変換する方法を学びます。

JavaScriptには、配列の内容を文字列として返すことができるメソッドがいくつかあります。それらはtoString()と呼ばれます およびjoin() 。表面上はほとんど同じように見えますが、ご覧のとおり、そうではありません。両方をテストしましょう！

数字のリストを含む配列オブジェクトは次のとおりです。

const numbersArray = [2, 4, 6, 8, 10]

配列を文字列に変換するには、toString()をアタッチしてみましょう。 numbersArrayへのメソッド ：

const numbersArray = [2, 4, 6, 8, 10]
numbersArray.toString()

次に、結果を印刷してみます：

console.log(numbersArray.toString())
// String: "2,4,6,8,10"

ご覧のとおり、toString() 実際、数値配列を次のような単一の文字列値に変換しました：

"2,4,6,8,10"

ただし、プロセスでコンマが削除された後のすべてのスペースを待ってください。単語をスペースで区切る必要がある場合（たとえば、単語や行の折り返しを許可する場合）はどうなりますか？

幸い、JavaScriptのjoin()を使用できます 次のように、引数としてその中にセパレータを渡すことによってそれを行うメソッド：

const numbersArray = [2, 4, 6, 8, 10]
numbersArray.join(", ")

次に、結果を印刷してみます：

console.log(numbersArray.join(", "))
// "2, 4, 6, 8, 10"

見栄えがよく、プレゼンテーションの面でも見栄えがよく、必要に応じて単語や行を折り返すことができます。

join（）とtoString（）-知っておきたいこと：

• 配列では、join() メソッドはtoString()と同じように機能します ただし、セパレータを使用できます。
• join() 配列メソッドです したがって、配列オブジェクトでのみ機能します。
• toString() メソッドはすべてで機能します 配列だけでなく、オブジェクトのタイプ。