gpt4 book ai didi

javascript - 迭代使用对象键嵌套的数组

转载 作者:行者123 更新时间:2023-11-28 15:57:26 25 4
gpt4 key购买 nike

var html = {
easyBB :
['easybbtutorials','www.easybbtutorials.com','http://i76.servimg.com/u/f76/17/83/35/07/easybb10.png'],
AvacWeb:
['AvacWeb','www.avacweb.com','http://i45.servimg.com/u/f45/16/35/08/55/new_lo12.png'],
easyBB2:
['easybbtutorials','www.easybbtutorials.com','http://i76.servimg.com/u/f76/17/83/35/07/easybb10.png'],
AvacWeb2 :
['AvacWeb','www.avacweb.com','http://i45.servimg.com/u/f45/16/35/08/55/new_lo12.png'],
easyBB3 :
['easybbtutorials','www.easybbtutorials.com','http://i76.servimg.com/u/f76/17/83/35/07/easybb10.png'],
AvacWeb3 :
['AvacWeb','www.avacweb.com','http://i45.servimg.com/u/f45/16/35/08/55/new_lo12.png']
};
var cont = document.getElementById('container');
for(var key in html){
for(var i =0;i<key.length;i++ ){
var name= '<span class="name">'+html[key][0] +'</span>',
link = '<span class="url"><a href="'+html[key][1]+'">'+html[key][1] +'</a></span>',
image = '<img src="'+html[key][2]+'" title="'+html[key][0]+'" />';
cont.innerHTML= '<div class="wrapper">'+ name + '<br />'+image+'<br />'+link+'</div>';
i++;
}
}

我正在尝试迭代我创建的 HTML 对象的每个键中的数组,问题是不确定如何执行此操作,我现在尝试了多种方法,我相信(自从我发布以来)我做的这一切都是错误的。我也尝试过这样做: html[key[i]][0] 虽然我当然得到了 i is not Defined 的错误。任何建议我做错了什么,截至目前它只将一个数组发布到 html。

最佳答案

问题不在于迭代,而在于线条

cont.innerHTML = ...

每次循环迭代时都会替换内容,以便您只能看到最后一项(“AvacWeb3”)。

将其更改为

cont.innerHTML += ...

并删除不需要的for (var i =0 ... 循环。( jsfiddle )

关于javascript - 迭代使用对象键嵌套的数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18243167/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com