javascript - 为键和值对构建一个 JSON 结构,其中每个项的键都会发生变化?

标签 javascript json sweetalert sweetalert2

我正在使用 SweetAlert2 ,我需要创建将填充在选择框中的选项。但是,我知道我可以为此使用“inputOptions”字段,并且我查看了他们下面的示例(来自他们的网站):

inputOptions: {
  'SRB': 'Serbia',
  'UKR': 'Ukraine',
  'HRV': 'Croatia'
},

现在,如果您拥有一组固定的硬编码数据,那就太好了。但是,在我的用例中,我需要能够从数据库中提取这些内容,而我的 API 已经通过 REST 端点完成了这项工作,假设我在以下结构中取回了它:

[
  {"key": "SRB", "value":"Serbia"},
  {"key": "UKR", "value":"Ukraine"},
  {"key": "SRB", "value":"Croatia"}
]

有没有简单的方法将底部格式转换为顶部格式?

我尝试遍历它,为每个创建一个 var,如下所示:

            var items = JSON.parse(listFromAPI);
            for (var item in items)
            {
              var test = { item.key : item.value };
            }

但这似乎不起作用?我真的需要一些帮助。

提前致谢!

最佳答案

您可以遍历您的基础对象并根据需要创建 inputOptions:

var base_format = [
  {"key": "SRB", "value":"Serbia"},
  {"key": "UKR", "value":"Ukraine"},
  {"key": "HRV", "value":"Croatia"}
];

var inputOptions = {};

for (item of base_format)
  inputOptions[item.key] = item.value;
  
console.log(inputOptions);

关于javascript - 为键和值对构建一个 JSON 结构,其中每个项的键都会发生变化?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44816515/

相关文章:

javascript - 使用 jQuery 读取 JSON 对象

json - 在类中使用 RxJs Subject 时 JSON.stringify 上的循环对象异常

javascript - SweetAlert2 取消按钮仍在提交表单

javascript - FontAwesome 5 图标轮廓不对齐

javascript - 如何使一个类能够影响它实例化的类?

javascript - 当我尝试下载 pdf 时,我在屏幕上看不到,屏幕变灰并且没有显示任何内容。我该如何解决这个问题?

javascript - 在 Firefox 的引导模式下,Sweet Alert 中的文本框无法聚焦

javascript - 我收到 IntegrationError : Invalid value for stripe. recognizeCardPayment 意图 secret :值应该是 client_secret 字符串

json - "Argument list too long"吞吐 JSON 文件时

javascript - 在 SweetAlert 中显示视频