前の記事「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() を呼び出した結果が返されます。 ) メソッドは、要素
[object Object]String の内容に関係なく表示されます。 一般に、実際のシナリオでは、join() メソッドがより頻繁に使用されます。 わかりました。これですべてです。必要に応じて、次の内容を読んでください: 以上がすべての要素を結合して文字列を返す方法を学習する JS 配列の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。var arr = [1,[2,3],[4,5],[6,[7,[8,9],0]]];
var str;
str=arr.join();
console.log(str);