迭代使用对象键嵌套的数组
Iterating an array that is nested with an object key
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 未定义。任何建议我做错了什么,截至目前,它只将一个数组发布到 html。
问题不在于迭代,而在于线条
cont.innerHTML = ...
每次循环迭代时都会替换内容,以便您只能看到最后一项("AvacWeb3"(。
将其更改为
cont.innerHTML += ...
并摆脱不需要的for (var i =0 ...
循环。(杰斯菲德尔(
for(var i = 0; i < html[key].length; i++){
...
你应该做 html[key][i][0]。
而且你应该按照特雷弗说的去做,html[key].length而不是key.length。
例如,通过将html[key]分配给var currentkey来让自己变得容易,更容易跟踪。
另外,看看array.forEach,只是为了好玩;)
相关文章:
- 从多维嵌套json数组创建下拉列表
- 如何通过json对象数组为嵌套对象赋值
- 为循环嵌套的Javascript未按预期返回数组
- 具有嵌套对象数组的 Javascript 对象的递归搜索函数
- 将js对象更改为使用嵌套的可观察数组敲除js视图模型
- MongoDB嵌套对象数组后查询
- 从对象数组中动态创建嵌套json
- 使用Angular.js解析JSON中的嵌套对象数组
- 如何将id数组与带下划线的对象数组嵌套属性进行比较
- 将JS对象数组转换为嵌套形式的最有效方法
- 在javascript/angular中创建播放列表(按值复制数组,但按引用设置嵌套对象)
- 嵌套在 ng 重复中的拼接数组
- 嵌套/同心组和mouseenter/mouseleve
- javascript获取嵌套子数组中的对象
- 嵌套捕获组结果
- 如何在嵌套级别不受限制的情况下显示对象的动态嵌套子数组对象
- 按嵌套子数组对 arr 进行排序
- 播放框架 - 表单不绑定到嵌套元组
- 遍历嵌套到组和节中的一组输入
- 在数组和嵌套子数组中搜索Lodash属性