Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何仅使用javascript在html选择选项中列出JSON文件中的对象?_Javascript_Html_Json - Fatal编程技术网

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

如何仅使用javascript在html选择选项中列出JSON文件中的对象?,javascript,html,json,Javascript,Html,Json,首先,我的javascript知识水平非常低,而且我一直在苦苦挣扎,因此我提出了这个问题。我知道有很多类似的问题,但我需要的是它只使用非常基本的javascript。 到目前为止,我已经: JSON文件: var list= [ {"title":"ObjectA",... }, {"title":"ObjectB",... } ] 我已成功地使用以下方法列出它们: function objects() {

首先,我的javascript知识水平非常低,而且我一直在苦苦挣扎,因此我提出了这个问题。我知道有很多类似的问题,但我需要的是它只使用非常基本的javascript。 到目前为止,我已经:

JSON文件:

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)


选择
/
选项
-not
ul
/
li
?@NickGrealy没有看到标题(:
console.log(JSON.stringify(list, null, 2));