JQuery for与each性能比较分析


Posted in Javascript onMay 14, 2013

最近在做一个性能优化方面的工作,遇到很多细节问题,现在一一把遇到的问题记录下来分享给大家,废话就不多谢,我直接贴代码。

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title>for与each性能比较</title> 
<script src="../Cks/jquery-1.7.1.min.js" type="text/javascript"></script> 
<script type="text/javascript" language="javascript"> 
function getSelectLength() { 
var time1 = new Date().getTime(); 
var len = $("#select_test").find("option").length; 
var selectObj = $("#select_test"); 
for (var i = 0; i < len; i++) { 
if (selectObj.get(0).options[i].text == "111111") { 
selectObj.get(0).options[i].selected = true; 
break; 
} 
} 
var time2 = new Date().getTime(); 
alert("for循环执行时间:" + (time2 - time1)); 
time1 = new Date().getTime(); 
$("#select_test").find("option").each(function () { 
if ($(this).text() == "111111") { 
$(this)[0].selected = true; 
} 
}); 
time2 = new Date().getTime(); 
alert("each循环执行时间:" + (time2 - time1)); 
} 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div><select id="select_test"> 
<option value='1'>111111</option> 
<option value='2'>222222</option> 
<option value='3'>333333</option> 
<option value='4'>444444</option> 
<option value='5'>5</option> 
<option value='6'>6</option> 
<option value='7'>7</option> 
<option value='8'>8</option> 
<option value='9'>9</option> 
<option value='10'>10</option> 
<option value='11'>11</option> 
<option value='12'>12</option> 
<option value='13'>13</option> 
<option value='14'>14</option> 
<option value='15'>15</option> 
<option value='16'>16</option> 
<option value='17'>17</option> 
<option value='18'>18</option> 
<option value='19'>19</option> 
<option value='20'>20</option> 
</select><input type="button" value="开始比较" onclick="getSelectLength();" /></div> 
<div> 
</form> 
</body> 
</html>

输入出入
for循环执行时间:1
each循环执行时间:3
两次结果直接说明了问题。
Javascript 相关文章推荐
JS.elementGetStyle(element, style)应用示例
Sep 24 Javascript
可恶的ie8提示缺少id未定义
Mar 20 Javascript
5个JavaScript经典面试题
Oct 13 Javascript
jQuery+CSS3实现树叶飘落特效
Feb 01 Javascript
浅析javascript中函数声明和函数表达式的区别
Feb 15 Javascript
使用Vue的slot插槽分发父组件内容实现高度复用、更加灵活的组件(推荐)
May 01 Javascript
微信小程序使用canvas的画图操作示例
Jan 18 Javascript
vue实现随机验证码功能的实例代码
Apr 30 Javascript
使用Vue实现调用接口加载页面初始数据
Oct 28 Javascript
js中调用微信的扫描二维码功能的实现代码
Apr 11 Javascript
原生JS实现分页
Apr 19 Javascript
vue.js 使用原生js实现轮播图
Apr 26 Vue.js
禁用键盘上的(全局)指定键兼容iE、Chrome、火狐
May 14 #Javascript
解析使用js判断只能输入数字、字母等验证的方法(总结)
May 14 #Javascript
使用js检测浏览器的实现代码
May 14 #Javascript
Javascript 垃圾收集机制介绍理解
May 14 #Javascript
JavaScript实现GriwView单列全选(自写代码)
May 13 #Javascript
jquery实现漂浮在网页右侧的qq在线客服插件示例
May 13 #Javascript
js 程序执行与顺序实现详解
May 13 #Javascript
You might like
Windows7下PHP开发环境安装配置图文方法
2010/05/20 PHP
PHP备份/还原MySQL数据库的代码
2011/01/06 PHP
PHP 基于文件头的文件类型验证类函数
2012/05/01 PHP
PHP实现自动登入google play下载app report的方法
2014/09/23 PHP
php缩放gif和png图透明背景变成黑色的解决方法
2014/10/14 PHP
PHP使用strrev翻转中文乱码问题的解决方法
2017/01/13 PHP
PHP实现websocket通信的方法示例
2018/08/28 PHP
对JavaScript的eval()中使用函数的进一步讨论
2008/07/26 Javascript
javascript 动态添加事件代码
2008/11/30 Javascript
IE中的File域无法清空使用jQuery重设File域
2014/04/24 Javascript
jQuery选择器源码解读(二):select方法
2015/03/31 Javascript
jquery插件uploadify实现带进度条的文件批量上传
2015/12/13 Javascript
基于jQuery实现仿QQ空间送礼物功能代码
2016/05/24 Javascript
浅谈jQuery animate easing的具体使用方法(推荐)
2016/06/17 Javascript
用js动态添加html元素,以及属性的简单实例
2016/07/19 Javascript
NodeJS实现不可逆加密与密码密文保存的方法
2018/03/16 NodeJs
Javascript 之封装(Package)
2018/09/14 Javascript
微信小程序sessionid不一致问题解决
2019/08/30 Javascript
VUE实现密码验证与提示功能
2019/10/18 Javascript
跟老齐学Python之网站的结构
2014/10/24 Python
Python中 Lambda表达式全面解析
2016/11/28 Python
python中的迭代和可迭代对象代码示例
2017/12/27 Python
Numpy之random函数使用学习
2019/01/29 Python
python实现发送form-data数据的方法详解
2019/09/27 Python
python  ceiling divide 除法向上取整(或小数向上取整)的实例
2019/12/27 Python
python 基于卡方值分箱算法的实现示例
2020/07/17 Python
用python监控服务器的cpu,磁盘空间,内存,超过邮件报警
2021/01/29 Python
Python实现钉钉/企业微信自动打卡的示例代码
2021/02/02 Python
详解CSS3中nth-child与nth-of-type的区别
2017/01/05 HTML / CSS
使用phonegap克隆和删除联系人的实现方法
2017/03/31 HTML / CSS
大学生自我鉴定书
2014/03/24 职场文书
乡镇食品安全责任书
2014/07/28 职场文书
个人四风问题整改措施思想汇报
2014/10/04 职场文书
审美与表现自我评价
2015/03/09 职场文书
python源码剖析之PyObject详解
2021/05/18 Python
MongoDB orm框架的注意事项及简单使用
2021/06/20 MongoDB