jquery中map函数与each函数的区别实例介绍


Posted in Javascript onJune 23, 2014

​jquery中的each函数和map函数的用法看起来差不多,但其实还是有一点区别的。

​其中一个重要的区别是,each返回的是原来的数组,并不会新创建一个数组。而map方法会返回一个新的数组。如果在没有必要的情况下使用map,则有可能造成内存浪费。

​例如:

var items = [1,2,3,4]; 
$.each(items, function() { 
alert('this is ' + this); 
}); 
var newItems = $.map(items, function(i) { 
return i + 1; 
}); 
// newItems is [2,3,4,5]

​使用each时,改变的还是原来的items数组,而使用map时,不改变items,只是新建一个新的数组。

​例如:

var items = [0,1,2,3,4,5,6,7,8,9]; 
var itemsLessThanEqualFive = $.map(items, function(i) { 
// removes all items > 5 
if (i > 5) 
return null; 
return i; 
}); 
// itemsLessThanEqualFive = [0,1,2,3,4,5]

当需要对数组进行删除时也是如此,所以删除时错误使用each或map后果还是蛮严重的。

Javascript 相关文章推荐
Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件
Sep 15 Javascript
页面定时刷新(1秒刷新一次)
Nov 22 Javascript
js传中文参数controller里获取参数乱码问题解决方法
Jan 03 Javascript
解释&&和||在javascript中的另类用法
Jul 28 Javascript
深入理解javascript变量声明
Nov 20 Javascript
JavaScript 动态加载脚本和样式的方法
Apr 13 Javascript
基于jquery实现在线选座订座之影院篇
Aug 24 Javascript
js强制把网址设为默认首页
Sep 29 Javascript
更靠谱的H5横竖屏检测方法(js代码)
Sep 13 Javascript
Javascript 详解封装from表单数据为json串进行ajax提交
Mar 29 Javascript
基于JavaScript实现瀑布流效果
Mar 29 Javascript
详解新手使用vue-router传参时注意事项
Jun 06 Javascript
jQuery学习笔记之 Ajax操作篇(二) - 数据传递
Jun 23 #Javascript
jQuery学习笔记之 Ajax操作篇(一) - 数据加载
Jun 23 #Javascript
jquery让返回的内容显示在特定div里(代码少而精悍)
Jun 23 #Javascript
yepnope.js使用详解及示例分享
Jun 23 #Javascript
js的延迟执行问题分析
Jun 23 #Javascript
JQEasy-ui在IE9以下版本中二次加载的问题分析及处理方法
Jun 23 #Javascript
教你用AngularJS框架一行JS代码实现控件验证效果
Jun 23 #Javascript
You might like
php中将一个对象保存到Session中的方法
2015/03/13 PHP
强悍无比的WEB开发好助手FireBug(Firefox Plugin)
2007/01/16 Javascript
js判断屏幕分辨率的代码
2013/07/16 Javascript
js实现的点击数量加一可操作数据库
2014/05/09 Javascript
理运用命名空间让js不产生冲突避免全局变量的泛滥
2014/06/15 Javascript
Vue概念及常见命令介绍(1)
2016/12/08 Javascript
jQuery validate插件功能与用法详解
2016/12/15 Javascript
node.js中EJS 模板快速入门教程
2017/05/08 Javascript
学习使用Bootstrap栅格系统
2017/05/11 Javascript
JS设置手机验证码60s等待实现代码
2017/06/14 Javascript
vue监听键盘事件的快捷方法【推荐】
2018/07/11 Javascript
jQuery常见的遍历DOM操作详解
2018/09/05 jQuery
JavaScript中的Proxy对象
2020/11/27 Javascript
[15:20]DOTA2-DPC中国联赛 正赛 Elephant vs Aster 选手采访
2021/03/11 DOTA
使用Protocol Buffers的C语言拓展提速Python程序的示例
2015/04/16 Python
python中循环语句while用法实例
2015/05/16 Python
在python里协程使用同步锁Lock的实例
2019/02/19 Python
python单例设计模式实现解析
2020/01/07 Python
Django数据结果集序列化并展示实现过程
2020/04/22 Python
如何表示python中的相对路径
2020/07/08 Python
pytorch Dataset,DataLoader产生自定义的训练数据案例
2021/03/03 Python
记一次高分屏下canvas模糊问题
2020/02/17 HTML / CSS
AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码
2020/08/19 HTML / CSS
天猫国际进口超市直营:官方直采,一站购齐
2017/12/11 全球购物
英语系本科生求职信范文
2013/12/18 职场文书
追悼会上的答谢词
2014/01/10 职场文书
高二生物教学反思
2014/01/27 职场文书
乡镇民主生活会发言材料
2014/10/20 职场文书
2014年租房协议书范本
2014/10/30 职场文书
2014年校务公开工作总结
2014/12/18 职场文书
2015年信贷员工作总结
2015/04/28 职场文书
格林童话读书笔记
2015/06/30 职场文书
干部考核工作总结2015
2015/07/24 职场文书
小学六年级班主任工作经验交流材料
2015/11/02 职场文书
再读《皇帝的新衣》的读后感悟!
2019/08/07 职场文书
Vue+Flask实现图片传输功能
2022/04/01 Vue.js