[解決済み] javascriptで配列をカンマ区切りにする方法 [重複]。
2023-01-11 16:08:45
質問
配列がある
a.value = [a,b,c,d,e,f]
のようにカンマで区切られた文字列に変換するにはどうしたらよいでしょうか。
a.value = "a,b,c,d,e,f"
いろいろとありがとうございました。
どのように解決するのですか?
方法
array.toString()
を実際に呼び出します。
array.join()
を呼び、その結果、カンマで連結された文字列が生成されます。
ref
var array = ['a','b','c','d','e','f'];
document.write(array.toString()); // "a,b,c,d,e,f"
また、暗黙のうちに
Array.toString()
を暗黙的に呼び出すこともできます。
Array
を
string
のようにします。
//will implicitly call array.toString()
str = ""+array;
str = `${array}`;
Array.prototype.join()を使用します。
は join() メソッドは、配列のすべての要素を文字列に結合します。
引数を指定します。
を受け付けます。
separator
を引数にとりますが、デフォルトは既にコンマ
,
str = arr.join([separator = ','])
例
var array = ['A', 'B', 'C'];
var myVar1 = array.join(); // 'A,B,C'
var myVar2 = array.join(', '); // 'A, B, C'
var myVar3 = array.join(' + '); // 'A + B + C'
var myVar4 = array.join(''); // 'ABC'
注意
配列のいずれかの要素が未定義またはNULLの場合、それは空文字列として扱われます。
ブラウザのサポート。
IE 5.5 (1999~2000) 以降、現在ではかなりの場所で利用可能です。
リファレンス
関連
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] 配列からArrayListを作成する
-
[解決済み] 配列に特定のインデックスで項目を挿入する方法 (JavaScript)
-
[解決済み] JavaScriptで文字列をbooleanに変換するにはどうしたらいいですか?
-
[解決済み】JavaScriptで文字列の出現箇所をすべて置換する方法
-
[解決済み】オブジェクトの配列を文字列のプロパティ値でソートする
-
[解決済み] 文字列がhtmlであるかどうかをチェックする
-
[解決済み] ECMAScriptとは?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] JavaScriptの配列をカンマ区切りリストにする簡単な方法?
-
[解決済み] 上級者向けJavaScript。この関数はなぜ括弧でくくられるのですか?重複
-
[解決済み] <Enter>でjQuery UIダイアログを送信する
-
[解決済み] jqueryでdivの要素がオーバーフローしていないかチェックする
-
[解決済み] CORS OriginヘッダーとCSRFトークンによるCSRF保護
-
[解決済み] JavaScriptのtoString()関数をオーバーライドして、デバッグ用に意味のある出力を提供することは可能でしょうか?
-
[解決済み] $.ajax実行中にローディングイメージを表示する
-
[解決済み] Prototypeを使ってtextareaを自動サイズ調整するには?
-
[解決済み] <ng-content>が空かどうかを確認する方法は?(これまでのAngular 2+で)
-
[解決済み] jQueryのバージョン1、バージョン2、バージョン3の違いは何ですか?[クローズド]