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

青灯夜游
リリース: 2021-08-19 14:26:49
オリジナル
4917 人が閲覧しました

前の記事「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);
ログイン後にコピー

出力結果:

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

説明: このメソッドは、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);
ログイン後にコピー

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

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

var arr = [1,[2,3],[4,5],[6,[7,[8,9],0]]];
var str;
str=arr.toString();
console.log(str);
ログイン後にコピー

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

方法 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(&#39;-&#39;);
str3=arr.join(&#39;==&#39;);
console.log(str1);
console.log(str2);
console.log(str3);
ログイン後にコピー

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

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

var arr = [1,2,3,4,5,6,7,8,9,0];
var str;
str=arr.join(&#39;&#39;);
console.log(str);
ログイン後にコピー

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

join() メソッドは多次元配列も処理できますが、パラメータを省略する必要があり、出力は toString() と同じになります。

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

説明 :

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

[object Object]

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

var arr = [1,[2,3],[4,5],[6,[7,[8,9],0]]];
var str;
str=arr.join();
console.log(str);
ログイン後にコピー

すべての要素を結合して文字列を返す方法を学習する JS 配列 一般に、実際のシナリオでは、join() メソッドがより頻繁に使用されます。

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

JavaScript 上級チュートリアル

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!