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 相关文章推荐
JavaScript中九种常用排序算法
Sep 02 Javascript
jquery实现用户打分评分特效
May 28 Javascript
JQuery遍历DOM节点的方法
Jun 11 Javascript
jQuery使用$.ajax进行异步刷新的方法(附demo下载)
Dec 04 Javascript
原生JavaScript实现瀑布流布局
Jun 28 Javascript
浅谈js中function的参数默认值
Feb 20 Javascript
关于angular js_$watch监控属性和对象详解
Apr 24 Javascript
在 Linux/Unix 中不重启 Vim 而重新加载 .vimrc 文件的流程
Mar 21 Javascript
Cocos2d实现刮刮卡效果
Dec 20 Javascript
详解javascript replace高级用法
Feb 17 Javascript
你不知道的Vue技巧之--开发一个可以通过方法调用的组件(推荐)
Apr 15 Javascript
微信小程序实现跳转的几种方式总结(推荐)
Apr 24 Javascript
禁用键盘上的(全局)指定键兼容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
社区(php&amp;&amp;mysql)三
2006/10/09 PHP
PHP学习笔记 IIS7下安装配置php环境
2012/10/29 PHP
PHP 字符串长度判断效率更高的方法
2014/03/02 PHP
Yii2中关联查询简单用法示例
2016/08/10 PHP
JQuery CSS样式控制 学习笔记
2009/07/23 Javascript
javascript五图轮播切换实用版
2012/08/17 Javascript
如何使用Javascript正则表达式来格式化XML内容
2013/07/04 Javascript
jQuery+Ajax实现无刷新操作
2016/01/04 Javascript
Sea.JS知识总结
2016/05/05 Javascript
使用jQuery.form.js/springmvc框架实现文件上传功能
2016/05/12 Javascript
JS转换HTML转义符的方法
2016/08/24 Javascript
从0开始学Vue
2016/10/27 Javascript
Vue.js表单控件实践
2016/10/27 Javascript
Form表单上传文件(type=&quot;file&quot;)的使用
2017/08/03 Javascript
vue.js将时间戳转化为日期格式的实现代码
2018/06/05 Javascript
JS中appendChild追加子节点无效的解决方法
2018/10/14 Javascript
vue-better-scroll 的使用实例代码详解
2018/12/03 Javascript
layui原生表单验证的实例
2019/09/09 Javascript
Vue 监听元素前后变化值实例
2020/07/29 Javascript
Python用 KNN 进行验证码识别的实现方法
2018/02/06 Python
Python画柱状统计图操作示例【基于matplotlib库】
2018/07/04 Python
flask-restful使用总结
2018/12/04 Python
python3用PIL把图片转换为RGB图片的实例
2019/07/04 Python
PyQt Qt Designer工具的布局管理详解
2019/08/07 Python
tensorflow通过模型文件,使用tensorboard查看其模型图Graph方式
2020/01/23 Python
浅谈Python线程的同步互斥与死锁
2020/03/22 Python
python中如何使用虚拟环境
2020/10/14 Python
Java面试题:请说出如下代码的输出结果
2013/04/22 面试题
JavaScript实现前端网页版倒计时
2021/03/24 Javascript
护理专业学生的求职信范文
2013/12/11 职场文书
商业计算机应用专业自荐书
2014/06/09 职场文书
2015元旦节寄语
2014/12/08 职场文书
保护环境建议书作文400字
2015/09/14 职场文书
简历自我评价:教师师德表现自我评价
2019/04/24 职场文书
2019年聘任书的写作格式及范文!
2019/07/03 职场文书
Java Lambda表达式常用的函数式接口
2022/04/07 Java/Android