js数组存储对象及对象的获取
2015-11-22 16:46
537 查看
var slideArray = { slides: [
{ "imgsrc": "a.jpg", "url": "", "alt": "这是a图片" },
{ "imgsrc": "b.jpg", "url": "", "alt" : "这是b图片" },
{ "imgsrc": "c.jpg", "url": "", "alt": "这是c图片" },
{ "imgsrc": "d.jpg", "url": "", "alt": "这是d图片" },
{ "imgsrc": "e.jpg", "url": "", "alt" : "这是e图片" }]
};
//通过以下的方法可以遍历js数组中对象的属性
for(var i=0; i<slideArray.slides.length; i++) {
alert(slideArray.slides[i].imgsrc);
}
//jquery的遍历方式
var A =
{
B:
[
{ "imgsrc": "a.jpg", "url": "", "alt": "这是a图片" },
{ "imgsrc": "b.jpg", "url": "", "alt" : "这是b图片" },
{ "imgsrc": "c.jpg", "url": "", "alt": "这是c图片" },
{ "imgsrc": "d.jpg", "url": "", "alt": "这是d图片" },
{ "imgsrc": "e.jpg", "url": "", "alt" : "这是e图片" }
]
};
$.each(A,function(i,obj)
{
$.each(obj,function(temp)
{
//alert(obj[temp]);
$.each(obj[temp],function(key,value)
{
alert(value);
});
});
});
//jquery遍历二维数组
var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]];
$.each(arr1, function(i, item) //此时的item是一个一维数组,即:[1, 4, 3], [4, 6, 6], [7, 20, 9]
{
$.each(item,function(j) //下面对一维数组进行遍历
{
alert(item[j]);
});
});
{ "imgsrc": "a.jpg", "url": "", "alt": "这是a图片" },
{ "imgsrc": "b.jpg", "url": "", "alt" : "这是b图片" },
{ "imgsrc": "c.jpg", "url": "", "alt": "这是c图片" },
{ "imgsrc": "d.jpg", "url": "", "alt": "这是d图片" },
{ "imgsrc": "e.jpg", "url": "", "alt" : "这是e图片" }]
};
//通过以下的方法可以遍历js数组中对象的属性
for(var i=0; i<slideArray.slides.length; i++) {
alert(slideArray.slides[i].imgsrc);
}
//jquery的遍历方式
var A =
{
B:
[
{ "imgsrc": "a.jpg", "url": "", "alt": "这是a图片" },
{ "imgsrc": "b.jpg", "url": "", "alt" : "这是b图片" },
{ "imgsrc": "c.jpg", "url": "", "alt": "这是c图片" },
{ "imgsrc": "d.jpg", "url": "", "alt": "这是d图片" },
{ "imgsrc": "e.jpg", "url": "", "alt" : "这是e图片" }
]
};
$.each(A,function(i,obj)
{
$.each(obj,function(temp)
{
//alert(obj[temp]);
$.each(obj[temp],function(key,value)
{
alert(value);
});
});
});
//jquery遍历二维数组
var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]];
$.each(arr1, function(i, item) //此时的item是一个一维数组,即:[1, 4, 3], [4, 6, 6], [7, 20, 9]
{
$.each(item,function(j) //下面对一维数组进行遍历
{
alert(item[j]);
});
});
相关文章推荐
- JSP中getParameter与getAttribute有何区别?
- jsp 内置对象
- Extjs MVC开发模式详解
- 使用Chrome调试JavaScript的断点设置和调试技巧
- Extjs5 常用layout
- jsp页面、servlet显示中文乱码详解
- include与jsp:include区别
- web学习-jsp客户端与Servlet的关联
- JSP__通过a标签传递参数 用getParameter 获取参数
- JSP__getAttribute()与getParameter的区别
- JStorm之Supervisor简介
- JStorm之Nimbus简介
- 浅谈JavaScript中的伪类 (李睿豪)
- javascript冒泡排序
- JavaScript调试的那些事
- js 字符串转日期
- NSJSONSerialization
- volley获取json数据及中文乱码问题的解决
- JStorm介绍
- jsp语法