すべての要素を結合して文字列を返す方法を学習する JS 配列

前の記事「JS 配列の学習: 配列の添字に基づいて要素を削除する方法」では、delete 演算子または splice() メソッドを使用して、配列の添字に基づいて配列要素を削除する方法を紹介しました。配列の添字。メソッド。今回は JavaScript 配列の学習と練習を続け、配列を文字列に変換する方法を見ていきます。興味のある友人はそれについて学ぶことができます~

この記事のテーマは、配列内のすべての要素を 1 つの文字列に結合することです。簡単に言えば、配列を文字列に変換することです。たとえば、次の配列:

arr = [1,2,3,4,5,6,7,8,9,0];

その中のすべての要素を結合し、「1234567890」や「1,2,3,」などの文字列を返したいとします。 4,5 ,6,7,8,9,0"、どうすればいいですか?以下にいくつかの方法を紹介します。

方法 1: for ループを使用して配列を走査し、各配列要素を結合します

for ループを使用して配列を走査します。結合には文字列接続を使用できます。演算子 " "、 concat() メソッドを使用することもできます (詳細については、記事「JS 文字列学習スキルを使用して複数の文字列を接続する」を参照してください)

実装コードを見てみましょう:

var arr = [1,2,3,4,5,6,7,8,9,0]; var i,str=""; for(i=0;i
        

         ログイン後にコピー
        
       

出力結果:

説明: このメソッドは、1 次元配列を文字列に変換するのに適しています。

方法 2: toString() メソッドを使用する

toString() を使用すると、各要素を文字列に変換し、出力をカンマで接続できます。 (注意: toString() メソッドはカスタム区切り文字をサポートしていません!)

var arr = [1,2,3,4,5,6,7,8,9,0]; var str; str=arr.toString(); console.log(str);

toString() メソッドは多次元配列を処理でき、すべての配列を反復的に変換します。弦。

var arr = [1,[2,3],[4,5],[6,[7,[8,9],0]]]; var str; str=arr.toString(); console.log(str);

方法 3: join() メソッドを使用する

array.join(separator)メソッド配列内のすべての要素を文字列に入れるには、separatorパラメータで設定された区切り文字で各要素を区切ることができます。このパラメータを省略した場合、デフォルトではコンマ "" が使用されます。 ," で区切られます (これは toString() メソッドの出力と同じです)。

var arr = [1,2,3,4,5,6,7,8,9,0]; var str1,str2,str3; str1=arr.join(); str2=arr.join('-'); str3=arr.join('=='); console.log(str1); console.log(str2); console.log(str3);

区切り文字を使用したくない場合は、区切り文字パラメータを空の文字列 ('');## に設定できます。 #

var arr = [1,2,3,4,5,6,7,8,9,0]; var str; str=arr.join(''); console.log(str);

配列にオブジェクト (非単純型) が含まれる場合、join() と toString() を呼び出した結果が返されます。 ) メソッドは、要素

String の内容に関係なく表示されます。

var arr = [1,[2,3],[4,5],[6,[7,[8,9],0]]]; var str; str=arr.join(); console.log(str);

一般に、実際のシナリオでは、join() メソッドがより頻繁に使用されます。