如何仅使用javascript在html选择选项中列出JSON文件中的对象?
首先,我的javascript知识水平非常低,而且我一直在苦苦挣扎,因此我提出了这个问题。我知道有很多类似的问题,但我需要的是它只使用非常基本的javascript。 到目前为止,我已经: JSON文件:如何仅使用javascript在html选择选项中列出JSON文件中的对象?,javascript,html,json,Javascript,Html,Json,首先,我的javascript知识水平非常低,而且我一直在苦苦挣扎,因此我提出了这个问题。我知道有很多类似的问题,但我需要的是它只使用非常基本的javascript。 到目前为止,我已经: JSON文件: var list= [ {"title":"ObjectA",... }, {"title":"ObjectB",... } ] 我已成功地使用以下方法列出它们: function objects() {
var list=
[
{"title":"ObjectA",...
},
{"title":"ObjectB",...
}
]
我已成功地使用以下方法列出它们:
function objects() {
for (a=0; a<list.length; a++) {
document.write(list[a].title);
}
}
我想知道的是,是否可以使用for循环或类似的简单方法列出它们?提前感谢您的帮助。简单
var列表=
[
{“标题”:“对象A”},
{“标题”:“对象B”},
{“title”:“ObjectC”},
{“title”:“ObjectD”},
{“标题”:“反对”},
{“标题”:“ObjectF”}
];
文件。写(“”);
列表.映射(功能(项){
文件。书写(“”+项目。标题+“”);
});
文件。写(“”)代码>请尝试以下操作:
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);
文件.正文.附件(pre)代码>
选择
/选项
-notul
/li
?@NickGrealy没有看到标题(:
console.log(JSON.stringify(list, null, 2));