Javascript 如何在object-json中访问对象
我对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
"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()