Javascript 如何在object-json中访问对象

Javascript 如何在object-json中访问对象,javascript,json,object,Javascript,Json,Object,我对json文件有问题。我有一个主物体,它有另一个物体,我不能到达那个物体 "vendors": { "1": { "id": 1, "name": "Exponential Interactive, Inc d/b/a VDX.tv", "policyUrl": "https://vdx.tv/privacy/", }, "2&quo

我对json文件有问题。我有一个主物体,它有另一个物体,我不能到达那个物体

"vendors": {
"1": {
  "id": 1,
  "name": "Exponential Interactive, Inc d/b/a VDX.tv",
  "policyUrl": "https://vdx.tv/privacy/",
},
"2": {
  "id": 2,
  "name": "Captify Technologies Limited",
  "policyUrl": "https://www.captify.co.uk/privacy-policy-opt/",
},
"4": {
  "id": 4,
  "name": "Roq.ad Inc.",
  "policyUrl": "https://www.roq.ad/privacy-policy",
},
我需要进入“name”属性并将其显示在
li
标记中。我写了这样的东西:

fetch("jsonpage")
  .then((res) => res.json())
  .then((data) => {
    for (const number of Object.keys(data.vendors)) {
      let newVendor = document.createElement("li");
      newVendor.textContent = number;
      ulList.appendChild(newVendor);
    }
  })
  .catch(console.error);

但是我只能访问数字“1”、“2”、“4”,我不知道下一步该怎么办。

您可以按如下键访问对象

Objects.keys(data.vendors).forEach((key) => {
  console.log(data.vendors[key]);
  console.log(data.vendors[key].name);
})
您可以尝试以下方法:

fetch(“jsonpage”)
.然后((res)=>res.json())
。然后((数据)=>{
for(Object.key(data.vendors)的常量数){
让newVendor=document.createElement(“li”);
newVendor.textContent=编号;
ulList.appendChild(新供应商);
//那我们就换个东西吧,;
让name=data.vendors[number]['name']
让policyurl=data.vendors[number]['policyurl']
}
})

.catch(控制台错误)我没有完整的代码,但我相信它可以工作。将数字用作阵列供应商的索引:

fetch("jsonpage")
  .then((res) => res.json())
  .then((data) => {
    for (const number of Object.keys(data.vendors)) {
      let newVendor = document.createElement("li");
      newVendor.textContent = data.vendors[number].name;
      ulList.appendChild(newVendor);
    }
  })
  .catch(console.error);

您可以使用
for in
循环简单地循环
数据。供应商

const数据={
供应商:{
'1': {
id:1,
名称:“指数互动公司d/b/a VDX.tv”,
policyUrl:'https://vdx.tv/privacy/',
},
'2': {
id:2,
名称:'Captify Technologies Limited',
policyUrl:'https://www.captify.co.uk/privacy-policy-opt/',
},
'4': {
id:4,
名称:“Roq.ad公司”,
policyUrl:'https://www.roq.ad/privacy-policy',
},
},
};
for(const key in data.vendors){
console.log(“id”,data.vendors[key].id)
console.log(“name”,data.vendors[key].name)
console.log(“url”,data.vendors[key].policyUrl)
}
为什么
Object.keys()
同时还需要“key”的值?查看
Object.entries()