js、jquery遍历数组和对象
2017-03-19 15:54
387 查看
总结:
1.遍历数组
1.1 原生js有两种方法都可以使用[for(var i;i<arr.length;i++){},for(var i in arr){}]
1.2 jquery有两个函数共计四种方法都可以使用[$.each(arr,function(i,item){}),$(arr).each(function(i,item){}), $.map(arr,function(i,item){}), $(arr).map(function(i,item){})]
2.遍历对象
2.1 原生js有一种方法可以使用[for(var i in obj){}]
2.2 jquery有两个函数共计两种方法可以使用[$.each(obj,function(i,item){}),$.map(obj,function(i,item){})]
1.遍历数组
1.1 原生js有两种方法都可以使用[for(var i;i<arr.length;i++){},for(var i in arr){}]
1.2 jquery有两个函数共计四种方法都可以使用[$.each(arr,function(i,item){}),$(arr).each(function(i,item){}), $.map(arr,function(i,item){}), $(arr).map(function(i,item){})]
2.遍历对象
2.1 原生js有一种方法可以使用[for(var i in obj){}]
2.2 jquery有两个函数共计两种方法可以使用[$.each(obj,function(i,item){}),$.map(obj,function(i,item){})]
/* jquery中的each是用来遍历数组的而map则是用来映射生成一个新数组的 each方法中的return false相当于循环中的break,return true相当于循环中的continue map方法中的return 相当于个新数组映射成的一个元素,没有return就相当于新的数组中忽略掉了这个元素 */ /*遍历数组*/ var arr=["a","b","c"]; console.log("js遍历数组1"); for(var i=0;i<arr.length;i++){ console.log(i+"--"+arr[i]); } console.log("js遍历数组2"); for(var i in arr){ console.log(i+"--"+arr[i]); } console.log("jquery.each遍历数组"); $.each(arr,function(i,item){ console.log(i+"--"+item); }); console.log("jquery.each遍历数组2"); $(arr).each(function(i,item){ console.log(i+"--"+item); }); console.log("jquery.map遍历数组1,注意这里回调函数中第一个参数是元素,第二个是索引"); $.map(arr,function(i,item){ console.log(i+"--"+item); }); console.log("jqery.map遍历数组2"); console.log($(arr).map(function(i,item){ console.log(i+"--"+item); }).length); /*遍历对象*/ var obj={name:"xiaoming",age:20,addr:"tianminglu"}; console.log("js遍历对象") for(var i in obj){ console.log(i+"--"+obj[i]); } console.log("jquery.each遍历对象1"); $.each(obj,function(i,item){ console.log(i+"--"+item); }); console.log("jquery.each遍历对象2") $(obj).each(function(i,item){ console.log(i+"--"+item); }); console.log("jquery.map遍历对象1,注意这里回调函数中第一个参数是元素,第二个是索引"); $.map(obj,function(i,item){ console.log(i+"--"+item); }); console.log("jquery.map遍历对象2"); $(obj).map(function(i,item){ console.log(i+"--"+item); });
相关文章推荐
- 使用jQuery对js对象和数组的遍历以及序列化
- js,jquery遍历数组,对象
- js和jQuery遍历json对象和数组
- js/jquery遍历对象/数组
- 用jquery实现cookie的操作以及创建js数组和遍历js数组,js对象,jquery.json的使用
- 使用jQuery对js对象和数组的遍历以及序列化
- jquery遍历筛选数组的几种方法和遍历解析json对象
- jquery筛选数组之grep、each、inArray、map的用法及遍历json对象
- jQuery遍历对象/数组/集合
- jquery遍历筛选数组的几种方法和遍历解析json对象
- jquery遍历筛选数组的几种方法和遍历解析json对象
- jquery筛选数组之grep、each、inArray、map的用法及遍历json对象 [转]
- jQuery 1.6 源码学习(六)——core.js[6]之jQuery对象/数组操作相关方法
- jquery遍历筛选数组的几种方法和遍历解析json对象
- Jquery操作js数组及对象示例代码
- jquery筛选数组之grep、each、inArray、map的用法及遍历json对象 [转]
- js/JQuery中遍历数组的方法
- jquery 遍历对象、数组、集合
- jquery 遍历对象、数组、集合_项海军_新浪博客
- js遍历数组、对象、json