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国旗变换效果代码
Aug 13 Javascript
JS操作HTML自定义属性的方法
Feb 10 Javascript
javascript实现图像循环明暗变化的方法
Feb 25 Javascript
javascript等号运算符使用详解
Apr 16 Javascript
JavaScript中的prototype原型学习指南
May 09 Javascript
jQuery+ajax的资源回收处理机制分析
Jan 07 Javascript
vue2.0父子组件及非父子组件之间的通信方法
Jan 21 Javascript
jquery拼接ajax 的json和字符串拼接的方法
Mar 11 Javascript
使用gulp搭建本地服务器并实现模拟ajax
Apr 05 Javascript
jquery应用实例分享_实现手风琴特效
Feb 01 jQuery
React props和state属性的具体使用方法
Apr 12 Javascript
jquery.onoff实现简单的开关按钮功能(推荐)
May 24 jQuery
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生成带有雪花背景的验证码
2006/10/09 PHP
php设置编码格式的方法
2013/03/05 PHP
如何使用php绘制在图片上的正余弦曲线
2013/06/08 PHP
php使浏览器直接下载pdf文件的方法
2013/11/15 PHP
ThinkPHP的截取字符串函数无法显示省略号的解决方法
2014/06/25 PHP
php缓冲输出实例分析
2015/01/05 PHP
PHP实现微信退款功能
2018/10/02 PHP
PHP连接及操作PostgreSQL数据库的方法详解
2019/01/30 PHP
php 利用socket发送GET,POST请求的实例代码
2020/07/04 PHP
基于jquery.Jcrop的头像编辑器
2010/03/01 Javascript
Jquery右下角抖动、浮动 实例代码(兼容ie6、FF)
2013/08/15 Javascript
jquery.ajax之beforeSend方法使用介绍
2014/12/08 Javascript
Javascript基础教程之数据类型 (数值 Number)
2015/01/18 Javascript
JavaScript实现自动变换表格边框颜色
2015/05/08 Javascript
JS实现点击按钮获取页面高度的方法
2015/11/02 Javascript
谈谈jQuery Ajax用法详解
2015/11/27 Javascript
安装vue-cli报错 -4058 的解决方法
2017/10/19 Javascript
vue2.0 如何把子组件的数据传给父组件(推荐)
2018/01/15 Javascript
JavaScript中this用法学习笔记
2019/03/17 Javascript
浅谈vue项目用到的mock数据接口的两种方式
2019/10/09 Javascript
微信小程序onShareTimeline()实现分享朋友圈
2021/01/07 Javascript
python获取指定网页上所有超链接的方法
2015/04/04 Python
Python解析excel文件存入sqlite数据库的方法
2016/11/15 Python
python实现ID3决策树算法
2018/08/29 Python
Python实现RGB与HSI颜色空间的互换方式
2019/11/27 Python
Python3实现监控新型冠状病毒肺炎疫情的示例代码
2020/02/13 Python
django自定义非主键自增字段类型详解(auto increment field)
2020/03/30 Python
基于PyInstaller各参数的含义说明
2021/03/04 Python
乡镇食品安全责任书
2014/07/28 职场文书
邓小平文选读书笔记
2015/06/29 职场文书
幼儿园开学温馨提示
2015/07/15 职场文书
村主任当选感言
2015/08/01 职场文书
驾驶员管理制度范本
2015/08/06 职场文书
企业安全生产规章制度
2015/08/06 职场文书
2019预备党员转正申请书模板2篇!
2019/08/07 职场文书
python中的mysql数据库LIKE操作符详解
2021/07/01 MySQL