<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript">
// $.each(window, function(i, v) {
// document.writeln(i + ':' + v + '<br />')
// });
// for(i in window){
// document.writeln(i + ':----->' + window[i] + '<br />')
// }
var json = [{
"id": "1",
"tagName": "apple"
}, {
"id": "2",
"tagName": "orange"
}, {
"id": "3",
"tagName": "banana"
}, {
"id": "4",
"tagName": "watermelon"
}, {
"id": "5",
"tagName": "pineapple"
}];
//第一种方法$.each
document.writeln('<h3>第一种方法$.each</h3>');
$.each(json, function(i, v) {
document.writeln(i + ':->(' + v.id + "," + v.tagName + ')<br />');
});
//第二种方法for in
document.writeln('<h3>第二种方法for in</h3>');
for (i in json) {
document.writeln(i + ':->' + json[i].id + ':' + json[i].tagName + '<br />')
}
</script>
</head>
<body>
</body>
</html>
相关文章
- 03-10JS 获取没有特定class的标签
- 03-10原生js实现数据的双向绑定
- 03-10js中的val\text\inner 的区别
- 03-10js基础---对象的基本操作
- 03-10使用js获取两个时间之间的日期数组
- 03-10js计算两个日期的月份差
- 03-10js中比较两个日期的大小
- 03-10js获取7天之前的日期或者7天之后的日期
- 03-10图的组成和深度遍历
- 03-10Skill 遍历整个项目设计的两个思路