すべての要素を結合して文字列を返す方法を学習する 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<arr.length;i++){  //循环遍历数组
	//拼接
	str=str.concat(arr[i]);
	//str=str + arr[i];
}
console.log(str);

出力結果:

説明: このメソッドは、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() と同じになります。

説明 :

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

[object Object]

String の内容に関係なく表示されます。 <pre class="brush:php;toolbar:false">var arr = [1,[2,3],[4,5],[6,[7,[8,9],0]]]; var str; str=arr.join(); console.log(str);</pre>

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

わかりました。これですべてです。必要に応じて、次の内容を読んでください:

JavaScript 上級チュートリアル

以上がすべての要素を結合して文字列を返す方法を学習する JS 配列の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。