[解決済み] JavaScriptの辞書にあるキーのコレクションを取得するには?重複
2022-05-13 13:53:09
質問
辞書がある
var driversCounter = {
"one": 1,
"two": 2,
"three": 3,
"four": 4,
"five": 5
}
さて、私はそれをドロップダウンリストに表示する必要があります。どうすれば、辞書のキーのコレクションを取得できますか?
どのように解決するのですか?
使用方法
Object.keys()
または
シム
を使用すると、古いブラウザでは
const keys = Object.keys(driversCounter);
もし、あなたが
値
があれば、そこに
Object.values()
で、キーが必要な場合は
と
の値が必要な場合は
Object.entries()
と対になっていることが多い。
Array.prototype.forEach()
このように
Object.entries(driversCounter).forEach(([key, value]) => {
console.log(key, value);
});
あるいは、あなたのユースケースを考えると、多分これで大丈夫でしょう...。
var selectBox, option, prop;
selectBox = document.getElementById("drivers");
for (prop in driversCounter) {
option = document.createElement("option");
option.textContent = prop;
option.value = driversCounter[prop];
selectBox.add(option);
}
関連
-
Vue+ElementUIによる大規模なフォームの処理例
-
Vueのクラススタイルの使い方の詳細
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] JavaScriptでタイムスタンプを取得する方法は?
-
[解決済み] 辞書を値で並べ替えるにはどうしたらいいですか?
-
[解決済み] JavaScriptのオブジェクトをループスルーまたは列挙するにはどうすればよいですか?
-
[解決済み] Pythonで辞書に新しいキーを追加するにはどうすればよいですか?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み】2つの辞書を1つの式でマージする(辞書の和をとる)には?)
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
Vueがechartsのtooltipにクリックイベントを追加するケーススタディ
-
元のイベントが実行されなかった後に要素を追加するためのjQueryソリューション
-
Javascript Bootstrapのグリッドシステム、ナビゲーションバー、ローテーションの説明
-
vueにおけるv-forループオブジェクトのプロパティ
-
[解決済み】JavaScriptの配列でforEachが関数でない不具合
-
[解決済み】TypeScript-のAngular Frameworkエラー - "exportAsがngFormに設定されたディレクティブはありません"
-
[解決済み】(Google Map API) Geocodeは以下の理由で成功しませんでした。REQUEST_DENIED
-
nodejs unhandledPromiseRejectionWarning メッセージ
-
フロントエンド null のプロパティ 'disabled' を読み取れない 問題が解決された
-
[解決済み] オブジェクトのキーの配列を取得する