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 相关文章推荐
关于document.cookie的使用javascript
Apr 11 Javascript
js跨域和ajax 跨域问题的实现思路
Sep 05 Javascript
鼠标拖动实现DIV排序示例代码
Oct 14 Javascript
使用js判断TextBox控件值改变然后出发事件
Mar 07 Javascript
探寻Javascript执行效率问题
Nov 12 Javascript
js Calender控件使用详解
Jan 05 Javascript
js实现跨域的方法实例详解
Jun 24 Javascript
jquery移动点击的项目到列表最顶端的方法
Jun 24 Javascript
AnjularJS中$scope和$rootScope的区别小结
Sep 18 Javascript
Jquery UI实现一次拖拽多个选中的元素操作
Dec 01 Javascript
使用pkg打包ThinkJS项目的方法步骤
Dec 30 Javascript
Vue实现简易计算器
Feb 25 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-5.2 的 php.ini 中文版[金步国翻译]
2011/04/17 PHP
php设计模式 Interpreter(解释器模式)
2011/06/26 PHP
PHP不用第三变量交换2个变量的值的解决方法
2013/06/02 PHP
PHP explode()函数的几个应用和implode()函数有什么区别
2015/11/05 PHP
javaScript复制功能调用实现方案
2012/12/13 Javascript
Javascript全局变量var与不var的区别深入解析
2013/12/09 Javascript
运用JQuery的toggle实现网页加载完成自动弹窗
2014/03/18 Javascript
在Mac OS下使用Node.js的简单教程
2015/06/24 Javascript
对JavaScript的全文搜索实现相关度评分的功能的方法
2015/06/24 Javascript
jQuery实现彩带延伸效果的网页加载条loading动画
2015/10/29 Javascript
js与jQuery实现checkbox复选框全选/全不选的方法
2016/01/05 Javascript
js实现当鼠标移到表格上时显示这一格全部内容的代码
2016/06/12 Javascript
JS中对Cookie的操作详解
2016/08/05 Javascript
Bootstrap框架实现广告轮播效果
2016/11/28 Javascript
echarts设置图例颜色和地图底色的方法实例
2018/08/01 Javascript
Promise.all中对于reject的处理方法
2018/08/01 Javascript
详解使用JWT实现单点登录(完全跨域方案)
2019/08/02 Javascript
angularjs1.X 重构controller 的方法小结
2019/08/15 Javascript
Vue内部渲染视图的方法
2019/09/02 Javascript
layui自定义工具栏的方法
2019/09/19 Javascript
Element MessageBox弹框的具体使用
2020/07/27 Javascript
[51:17]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.22
2019/09/05 DOTA
python中的__init__ 、__new__、__call__小结
2014/04/25 Python
python简单实现刷新智联简历
2016/03/30 Python
python去除文件中空格、Tab及回车的方法
2016/04/12 Python
Python实现将多个空格换为一个空格.md的方法
2018/12/20 Python
python dlib人脸识别代码实例
2019/04/04 Python
HTML5 placeholder(空白提示)属性介绍
2013/08/07 HTML / CSS
HTML5中form如何关闭自动完成功能的方法
2018/07/02 HTML / CSS
个人思想理论学习的自我鉴定
2013/11/30 职场文书
应届毕业生自荐信例文
2014/02/26 职场文书
差生评语大全
2014/05/04 职场文书
一帮一活动总结
2014/05/08 职场文书
个人自荐材料
2014/05/23 职场文书
敬老院标语
2014/06/27 职场文书
党组织领导班子整改方案
2014/10/25 职场文书