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 核心参考教程 内置对象
Oct 13 Javascript
JQuery验证jsp页面属性是否为空(实例代码)
Nov 08 Javascript
httpclient模拟登陆具体实现(使用js设置cookie)
Dec 11 Javascript
文本域光标操作的jQuery扩展分享
Mar 10 Javascript
详解原生JavaScript实现jQuery中AJAX处理的方法
May 10 Javascript
再次谈论Javascript中的this
Jun 23 Javascript
js每隔两秒输出数组中的一项(实例)
May 28 Javascript
jQuery+datatables插件实现ajax加载数据与增删改查功能示例
Apr 17 jQuery
使用jquery的cookie实现登录页记住用户名和密码的方法
Mar 13 jQuery
vue.js实现会动的简历(包含底部导航功能,编辑功能)
Apr 08 Javascript
Vue 之孙组件向爷组件通信的实现
Apr 23 Javascript
js仿淘宝放大镜效果
Dec 28 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加密解密函数(动态加密)
2013/06/19 PHP
PHP的压缩函数实现:gzencode、gzdeflate和gzcompress的区别
2016/01/27 PHP
php设计模式之策略模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
pjblog修改技巧汇总
2007/03/12 Javascript
回车直接实现点击某按钮的效果即触发单击事件
2014/02/27 Javascript
ExtJS4如何给同一个formpanel不同的url
2014/05/02 Javascript
浅谈JavaScript的全局变量与局部变量
2016/06/10 Javascript
jQuery插件FusionCharts实现的2D饼状图效果【附demo源码下载】
2017/03/03 Javascript
Vue项目webpack打包部署到服务器的实例详解
2017/07/17 Javascript
详解webpack4多入口、多页面项目构建案例
2018/05/25 Javascript
使用electron将vue-cli项目打包成exe的方法
2018/09/29 Javascript
Vue分页插件的前后端配置与使用
2019/10/09 Javascript
如何配置vue.config.js 处理static文件夹下的静态文件
2020/06/19 Javascript
Vue 组件的挂载与父子组件的传值实例
2020/09/02 Javascript
原生js实现自定义难度的扫雷游戏
2021/01/22 Javascript
[59:26]DOTA2上海特级锦标赛D组资格赛#1 EG VS VP第二局
2016/02/28 DOTA
[01:57]2018DOTA2亚洲邀请赛赛前采访-iG
2018/04/03 DOTA
python3实现ftp服务功能(服务端 For Linux)
2017/03/24 Python
详解Python中如何写控制台进度条的整理
2018/03/07 Python
python自动发送邮件脚本
2018/06/20 Python
django框架两个使用模板实例
2019/12/11 Python
django序列化serializers过程解析
2019/12/14 Python
python使用PIL剪切和拼接图片
2020/03/23 Python
python 密码学示例——凯撒密码的实现
2020/09/21 Python
python 绘制国旗的示例
2020/09/27 Python
Python: glob匹配文件的操作
2020/12/11 Python
pandas 按日期范围筛选数据的实现
2021/02/20 Python
发现两个有趣的CSS3动画效果
2013/08/14 HTML / CSS
美国领先的礼品卡网站:GiftCards.com
2016/11/02 全球购物
怀俄明州飞钓:Platte River Fly Shop
2017/12/28 全球购物
英国领先的瓷砖专家:Walls and Floors
2018/04/27 全球购物
英国百年闻名的优质健康产品连锁店:Holland & Barrett
2019/12/19 全球购物
草莓网中国:StrawberryNet中国
2020/08/17 全球购物
经典广告词大全
2014/03/14 职场文书
《大作家的小老师》教学反思
2014/04/16 职场文书
小学国庆节活动方案策划书
2014/09/16 职场文书