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对象之内置对象Math使用方法
Apr 16 Javascript
原生js写的放大镜效果
Aug 22 Javascript
解析js中获得父窗口链接getParent方法以及各种打开窗口的方法
Jun 19 Javascript
js中substring和substr的定义和用法
May 05 Javascript
jquery获取radio值(单选组radio)
Oct 16 Javascript
Node.js中JavaScript操作MySQL的常用方法整理
Mar 01 Javascript
JS原型链怎么理解
Jun 27 Javascript
javascript 中的继承实例详解
May 05 Javascript
Javascript实现base64的加密解密方法示例
Jun 27 Javascript
koa上传excel文件并解析的实现方法
Aug 09 Javascript
在Koa.js中实现文件上传的接口功能
Oct 08 Javascript
ant design vue 表格table 默认勾选几项的操作
Oct 31 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 显示客户端IP与服务器IP的代码
2010/10/12 PHP
PHP字符串函数系列之nl2br(),在字符串中的每个新行 (\n) 之前插入 HTML 换行符br
2011/11/10 PHP
laravel-admin select框默认选中的方法
2019/10/03 PHP
PHP中用Trait封装单例模式的实现
2019/12/18 PHP
jquery select选中的一个小问题
2009/10/11 Javascript
JavaScript字符串插入、删除、替换函数使用示例
2013/07/25 Javascript
获取数组中最大最小值方法js代码(自写)
2013/08/12 Javascript
使用jquery写个更改表格行顺序的小功能
2014/04/29 Javascript
jQuery 和 CSS 的文本特效插件集锦
2014/12/12 Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
2015/01/30 Javascript
Javascript动画的实现原理浅析
2015/03/02 Javascript
JavaScript学习笔记整理之引用类型
2016/01/22 Javascript
AngularJS入门教程之控制器详解
2016/07/27 Javascript
Json按某个键的值进行排序
2016/12/22 Javascript
深入理解vue $refs的基本用法
2017/07/13 Javascript
基于iScroll实现下拉刷新和上滑加载效果
2017/07/18 Javascript
详解PHP后期静态绑定分析与应用
2018/03/21 Javascript
vue2.0 资源文件assets和static的区别详解
2018/04/08 Javascript
Angular4 反向代理Details实践
2018/05/30 Javascript
Vue中对iframe实现keep alive无刷新的方法
2019/07/23 Javascript
关于layui的下拉搜索框异步加载数据的解决方法
2019/09/28 Javascript
vue滚动插件better-scroll使用详解
2019/10/18 Javascript
[00:55]深扒TI7聊天轮盘语音出处3
2017/05/11 DOTA
Python for循环中的陷阱详解
2018/07/13 Python
Python类的动态绑定实现原理
2020/03/21 Python
python_matplotlib改变横坐标和纵坐标上的刻度(ticks)方式
2020/05/16 Python
python闭包与引用以及需要注意的陷阱
2020/09/18 Python
python生成xml时规定dtd实例方法
2020/09/21 Python
python把一个字符串切开的实例方法
2020/09/27 Python
纯CSS3实现带动画效果导航菜单无需js
2013/09/27 HTML / CSS
用HTML5制作一个简单的桌球游戏的教程
2015/05/12 HTML / CSS
日本运动品牌美津浓官方购物网站:MIZUNO SHOP
2016/08/21 全球购物
美国时尚女装在线:Missguided
2016/12/03 全球购物
四川成都导游欢迎词
2014/01/18 职场文书
员工安全生产责任书
2014/07/22 职场文书
新手入门Mysql--sql执行过程
2021/06/20 MySQL