json 为对象中的True项创建按钮(来自API res)

sbtkgmzw 于 2022-11-19 发布在其他

关注(0)|答案(2)|浏览(148)

我在页面加载时对我的DB执行GET获取请求，并希望只显示True项。
响应json对象有32个从API返回的项。它们都是键值对（带有布尔值），例如：

{
Apple: false
Banana: false
Orange: true
Kiwi: true
}

我只需要找到真正的项目，为每个真正的项目创建一个按钮元素，从键设置按钮文本标签，并将其添加到我的页面内的一个空div。
我已经尝试过If/Else，并将Object转换为带有Object.entries的Array--但我不知道该怎么做。
任何帮助都很感激。干杯
（香草JS只有thx）

JSON

来源：https://stackoverflow.com/questions/74427520/make-a-button-for-true-items-in-an-object-from-api-res

2条答案

按热度按时间

rdlzhqv91#

您可以使用数组方法array.filter()来过滤真值。
然后选择空div，如document.getElementById('container')，迭代过滤的数据，使用document.createEelement创建按钮元素，然后从key添加文本，并将按钮附加到容器div。
第一个

赞(0）回复(0）举报 2022-11-19

wwodge7n2#

在javascript中，你可以使用Object.entries（）来迭代一个Object并获取它们的键和值。

const obj = {
  Apple: false,
  Banana: false,
  Orange: true,
  Kiwi: true
 }

const results = [];

for (const [fruit,boolean] of Object.entries(obj)) {
  if (boolean) results.push(fruit);
}

console.log(`There are ${results.length} 'true' in the given obj.\nThey are:\n${results.join(',\n')}`)

// output:
// There are 2 'true' in the given obj.
// They are:
// Orange,
// Kiwi

赞(0）回复(0）举报 2022-11-19

我来回答

json 为对象中的True项创建按钮(来自API res)

2条答案

相关问题

热门标签

最新问答