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代码
Dec 15 Javascript
JavaScript学习点滴 call、apply的区别
Oct 22 Javascript
基于node.js的快速开发透明代理
Dec 25 Javascript
如何获取网站icon有哪些可行的方法
Jun 05 Javascript
Javascript Objects详解
Sep 04 Javascript
JS操作xml对象转换为Json对象示例
Mar 25 Javascript
JavaScript实现body内任意节点的自定义属性功能示例
Sep 18 Javascript
原生JS封装animate运动框架的实例
Oct 12 Javascript
浅谈vue中.vue文件解析流程
Apr 24 Javascript
使用uni-app开发微信小程序的实现
Dec 13 Javascript
jquery实现垂直手风琴导航栏
Feb 18 jQuery
Antd下拉选择,自动匹配功能的实现
Oct 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
phpmyadmin中配置文件现在需要绝密的短语密码的解决方法
2007/02/11 PHP
PHP查询网站的PR值
2013/10/30 PHP
Win2003+apache+PHP+SqlServer2008 配置生产环境
2014/07/29 PHP
php 生成加密公钥加密私钥实例详解
2017/06/16 PHP
redis+php实现微博(三)微博列表功能详解
2019/09/23 PHP
JS效率个人经验谈(8-15更新),加入range技巧
2007/01/09 Javascript
动态调用CSS文件的JS代码
2010/07/29 Javascript
jquery中获取id值方法小结
2013/09/22 Javascript
javascript打开word文档的方法
2014/04/16 Javascript
JS上传图片前实现图片预览效果的方法
2015/03/02 Javascript
介绍一个简单的JavaScript类框架
2015/06/24 Javascript
jQuery hover事件简单实现同时绑定2个方法
2016/06/07 Javascript
关于JS Lodop打印插件打印Bootstrap样式错乱问题的解决方案
2016/12/23 Javascript
详谈JS中数组的迭代方法和归并方法
2017/08/11 Javascript
如何抽象一个Vue公共组件
2017/10/17 Javascript
javascript设计模式之装饰者模式
2020/01/30 Javascript
Element InputNumber 计数器的实现示例
2020/08/03 Javascript
Python应用03 使用PyQT制作视频播放器实例
2016/12/07 Python
python 多个参数不为空校验方法
2019/02/14 Python
Python爬虫爬取Bilibili弹幕过程解析
2019/10/10 Python
Html5之title吸顶功能
2018/06/04 HTML / CSS
英国著名音像制品和图书游戏购物网站:Zavvi
2016/08/04 全球购物
加拿大时尚少女服装品牌:Garage
2016/10/10 全球购物
美国批发供应商:Kole Imports
2019/04/10 全球购物
白俄罗斯在线大型超市:e-dostavka.by
2019/07/25 全球购物
施惠特软件测试面试题以及笔试题
2015/05/13 面试题
宿舍违规检讨书
2014/01/12 职场文书
幼儿园托班开学寄语
2014/01/18 职场文书
检举信的格式及范文
2014/04/04 职场文书
篮球赛口号
2014/06/18 职场文书
2014教育局对照检查材料思想汇报
2014/09/23 职场文书
浅谈Mysql多表连接查询的执行细节
2021/04/24 MySQL
pytorch 中nn.Dropout的使用说明
2021/05/20 Python
使用Pytorch实现two-head(多输出)模型的操作
2021/05/28 Python
Python中OpenCV实现简单车牌字符切割
2021/06/11 Python
青岛市的收音机研制与生产
2022/04/07 无线电