码迷,mamicode.com
首页 > 其他好文 > 详细

$.each循环

时间:2017-08-15 10:25:05      阅读:115      评论:0      收藏:0      [点我收藏+]

标签:logs   new   jquery源码   val   for   div   数组   执行   loop   

一、语法

//一维数组
var arr = [1,2,3,4,5];
$.each(arr, function(){
  console.log(this);
});
$.each(arr, function(index,ele){
  console.log(index + ‘:‘ + ele);
});
//二维数组
var arr = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]
$.each(arr, function(i, item){
  console.log(item[0]);
});
//遍历对象属性
var obj = { one:1, two:2, three:3, four:4};
$.each(obj, function(key, val) {
  console.log(obj[key]);
  //console.log(key + ‘:‘ + val);
});

$.each()可用于遍历任何集合(无论是数组或对象),如果是数组,回调函数每次传入数组的索引和对应的值,方法会返回被遍历对象的第一参数。

$.each()循环里,没有break,continue,可以有return。return alse跳出本次循环并执行循环体后的代码,return true结束本次循环执行下一次循环。

结合jquery源码, 当对象中存在length属性时,$.each 内部使用for循环去遍历对象,,否则它将使用for in循环去遍历。

二、执行效率

var arr = [],
    arrlen = arr.length = 1000000;
for(var i=0; i<arrlen; i++){
  arr[i] = ‘looptest‘;
}
var t1 = +new Date();
$.each(arr, function(i, ele){
});
var t2 = +new Date();
console.log(‘$.each:‘ + (t2-t1));

比every慢。

$.each循环

标签:logs   new   jquery源码   val   for   div   数组   执行   loop   

原文地址:http://www.cnblogs.com/camille666/p/js_jquery_dot_each.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!