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 相关文章推荐
javascript demo 基本技巧
Dec 18 Javascript
在jQuery ajax中按钮button和submit的区别分析
Oct 07 Javascript
js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件实例
Apr 29 Javascript
JavaScript中Function()函数的使用教程
Jun 04 Javascript
jquery.mousewheel实现整屏翻屏效果
Aug 30 Javascript
JS实现控制文本框的内容
Jul 10 Javascript
Ztree新增角色和编辑角色回显问题的解决
Oct 25 Javascript
jQuery插件JWPlayer视频播放器用法实例分析
Jan 11 Javascript
浅谈JavaScript正则表达式-非捕获性分组
Mar 08 Javascript
vue中倒计时组件的实例代码
Jul 06 Javascript
html5以及jQuery实现本地图片上传前的预览代码实例讲解
Mar 01 jQuery
vue使用element-ui按需引入
May 20 Vue.js
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获取客户端真实IP地址的5种情况分析和实现代码
2014/07/08 PHP
分析PHP中单双引号的误区和双引号小隐患
2016/07/19 PHP
Javascript面向对象扩展库代码分享
2012/03/27 Javascript
jquery判断小数点两位和自动删除小数两位后的数字
2014/03/19 Javascript
jQuery使用after()方法在元素后面添加多项内容的方法
2015/03/26 Javascript
url传递的参数值中包含&时,url自动截断问题的解决方法
2016/08/02 Javascript
angularjs实现搜索的关键字在正文中高亮出来
2017/06/13 Javascript
详解node-ccap模块生成captcha验证码
2017/07/01 Javascript
微信小程序引用公共js里的方法的实例详解
2017/08/17 Javascript
详解Node.js利用node-git-server快速搭建git服务器
2017/09/27 Javascript
关于axios不能使用Vue.use()浅析
2018/01/12 Javascript
layer弹出层 iframe层去掉滚动条的实例代码
2018/08/17 Javascript
Vue和React组件之间的传值方式详解
2019/01/31 Javascript
js实现多张图片每隔一秒切换一张图片
2019/07/29 Javascript
微信小程序 自定义复选框实现代码实例
2019/09/04 Javascript
layer弹出层自适应高度,垂直水平居中的实现
2019/09/16 Javascript
js键盘事件实现人物的行走
2020/01/17 Javascript
vue+elementui实现点击table中的单元格触发事件--弹框
2020/07/18 Javascript
[39:18]完美世界DOTA2联赛PWL S3 Forest vs LBZS 第二场 12.17
2020/12/19 DOTA
解析Python中的__getitem__专有方法
2016/06/27 Python
Python实现求笛卡尔乘积的方法
2017/09/16 Python
Django rstful登陆认证并检查session是否过期代码实例
2019/08/13 Python
如何运行带参数的python脚本
2019/11/15 Python
Python中实现一行拆多行和多行并一行的示例代码
2020/09/06 Python
如何使用PyCharm引入需要使用的包的方法
2020/09/22 Python
python批量检查两个对应的txt文件的行数是否一致的实例代码
2020/10/31 Python
大学毕业生自荐书怎么写?
2014/01/06 职场文书
感恩母亲节活动方案
2014/03/04 职场文书
令人印象深刻的自荐信
2014/05/25 职场文书
五一活动标语
2014/06/30 职场文书
九华山导游词
2015/02/03 职场文书
python爬虫--selenium模块
2021/03/31 Python
zabbix agent2 监控oracle数据库的方法
2021/05/13 Oracle
Python实现学生管理系统并生成exe可执行文件详解流程
2022/01/22 Python
Python列表的索引与切片
2022/04/07 Python
详解PyTorch模型保存与加载
2022/04/28 Python