JQuery的map和each遍历方法

总结:

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){})]

[javascript]  view plain  copy

1. /* 
2. jquery中的each是用来遍历数组的而map则是用来映射生成一个新数组的 
3. each方法中的return false相当于循环中的break,return true相当于循环中的continue 
4. map方法中的return 相当于个新数组映射成的一个元素，没有return就相当于新的数组中忽略掉了这个元素 
5.  
6.  
7. */  
8.   
9. /*遍历数组*/  
10. var arr=["a","b","c"];  
11. console.log("js遍历数组1");  
12. for(var i=0;i<arr.length;i++){  
13.     console.log(i+"--"+arr[i]);  
14. }  
15. console.log("js遍历数组2");  
16. for(var i in arr){  
17.     console.log(i+"--"+arr[i]);  
18. }  
19. console.log("jquery.each遍历数组");  
20. $.each(arr,function(i,item){  
21.     console.log(i+"--"+item);  
22. });  
23. console.log("jquery.each遍历数组2");  
24. $(arr).each(function(i,item){  
25.     console.log(i+"--"+item);  
26. });  
27. console.log("jquery.map遍历数组1，注意这里回调函数中第一个参数是元素，第二个是索引");  
28. $.map(arr,function(i,item){  
29.     console.log(i+"--"+item);  
30. });  
31. console.log("jqery.map遍历数组2");  
32. console.log($(arr).map(function(i,item){  
33.     console.log(i+"--"+item);  
34. }).length);  
35.   
36. /*遍历对象*/  
37. var obj={name:"xiaoming",age:20,addr:"tianminglu"};  
38. console.log("js遍历对象")  
39. for(var i in obj){  
40.     console.log(i+"--"+obj[i]);  
41. }  
42.   
43. console.log("jquery.each遍历对象1");  
44. $.each(obj,function(i,item){  
45.     console.log(i+"--"+item);  
46. });  
47. console.log("jquery.each遍历对象2")  
48. $(obj).each(function(i,item){  
49.     console.log(i+"--"+item);  
50. });  
51. console.log("jquery.map遍历对象1，注意这里回调函数中第一个参数是元素，第二个是索引");  
52.   
53. $.map(obj,function(i,item){  
54.     console.log(i+"--"+item);  
55. });   
56. console.log("jquery.map遍历对象2");  
57. $(obj).map(function(i,item){  
58.     console.log(i+"--"+item);  
59. });