javascript - 如何仅使用 javascript 在 html 选择选项中列出 JSON 文件中的对象?

标签 javascript html json

首先,我的 javascript 知识非常非常少,因此我很费力才提出这个问题。我知道有很多类似的问题,但我需要的是它只使用非常基本的 javascript。 到目前为止,我有:

JSON 文件:

var list=
    [
      {"title":"ObjectA",...
      },
      {"title":"ObjectB",...
      }
    ]

我已经设法使用以下方式列出它们:

function objects() {
                for (a=0; a<list.length; a++) {
                    document.write(list[a].title);
                }
            }

然而,这会将所有对象放在一行中。我知道您可以使用类似的方式单独列出它们:

function object0() {
                document.write(list[0].title)
            }

我想知道是否可以使用 for 循环或类似的简单方法列出它们?在此先感谢您的帮助。

最佳答案

试试这个:

const pre = document.createElement("pre");
pre.innerHTML = JSON.stringify(list, null, 2);
document.body.appendChild(pre);

或者打印到控制台

console.log(JSON.stringify(list, null, 2));

工作示例:

const list = [
  { 'title': 'ObjectA' },
  { 'title': 'ObjectB', foo: { ble: 123 } }
]

const pre = document.createElement('pre');
pre.innerHTML = JSON.stringify(list, null, 2);
document.body.appendChild(pre);
<body>
</body>

关于javascript - 如何仅使用 javascript 在 html 选择选项中列出 JSON 文件中的对象?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41050041/

相关文章:

javascript - Uncaught ReferenceError : loadImage is not defined

java - 在 ElasticSearch 中使用 Java API 时如何从 JSON DSL 构造 QueryBuilder?

javascript - 如何从此 JSON 请求获取打开和关闭

javascript - 使用 useEffect 和 useLocation

html - 如何在不移动第一个 div 的文本的情况下重叠 2 div?

html - angularjs 背景问题。背景和页脚之间的差距很大。图像调整大小不会改变任何东西

javascript - 将图像集成到 IMDb 中的电影标题建议自动完成

javascript - 从 Promise 获取数据

javascript - 通过可见性隐藏和显示元素 :hidden/visible

javascript - 尝试让 tag-it 与 AJAX 调用一起使用