如何在 JavaScript 字典中获取密钥集合？

javascript dictionary

2022-08-30 02:40:34

我有一本字典：

var driversCounter = {
    "one":   1,
    "two":   2,
    "three": 3,
    "four":  4,
    "five":  5
}

现在，我需要在下拉列表中显示它。如何获取字典中的密钥集合？

答案 1

使用 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);
}

答案 2

一个选项是使用 Object.keys（）：

Object.keys(driversCounter)

它适用于现代浏览器（但是，Internet Explorer仅从版本9开始支持它）。

要添加兼容支持，您可以复制MDN中提供的代码片段。