1. ホーム
  2. javascript

[解決済み] 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);
}