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 相关文章推荐
JQuery datepicker 使用方法
May 20 Javascript
javascript限制文本框只允许输入数字(曾经与现在的方法对比)
Jan 18 Javascript
JS判断对象是否存在的10种方法总结
Dec 23 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
Nov 15 Javascript
第二篇Bootstrap起步
Jun 21 Javascript
利用Javascript仿Excel的数据透视分析功能
Sep 07 Javascript
jQuery删除节点用法示例(remove方法)
Sep 08 Javascript
微信小程序 轮播图swiper详解及实例(源码下载)
Jan 11 Javascript
微信小程序 在线支付功能的实现
Mar 14 Javascript
JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】
Apr 01 Javascript
如何使用webpack打包一个库library的方法步骤
Dec 18 Javascript
一篇文章看懂JavaScript中的回调
Jan 05 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
打造计数器DIY三步曲(上)
2006/10/09 PHP
phpfans留言版用到的数据操作类和分页类
2007/01/04 PHP
php pki加密技术(openssl)详解
2013/07/01 PHP
php实现XSS安全过滤的方法
2015/07/29 PHP
一些常用的Javascript函数
2006/12/22 Javascript
网页上的Javascript编辑器和代码格式化
2010/04/25 Javascript
幻灯片带网页设计中的20个奇妙应用示例小结
2012/05/27 Javascript
jQuery隔行变色与普通JS写法的对比
2013/04/21 Javascript
js使用正则实现ReplaceAll全部替换的方法
2014/08/22 Javascript
js实现的全国省市二级联动下拉选择菜单完整实例
2015/08/17 Javascript
JS中call/apply、arguments、undefined/null方法详解
2016/02/15 Javascript
基于chosen插件实现人员选择树搜索自动筛选功能
2016/09/24 Javascript
AngularJS Select(选择框)使用详解
2017/01/18 Javascript
nodejs基础应用
2017/02/03 NodeJs
Vue 兄弟组件通信的方法(不使用Vuex)
2017/10/26 Javascript
js实现简单数字变动效果
2017/11/06 Javascript
Vue的路由动态重定向和导航守卫实例
2018/03/17 Javascript
解决vue单页面应用进入页面加载所有 js 的问题
2020/08/12 Javascript
Vue自定义组件双向绑定实现原理及方法详解
2020/09/03 Javascript
[03:37]2015国际邀请赛第四日现场精彩集锦
2015/08/08 DOTA
python进阶教程之函数参数的多种传递方法
2014/08/30 Python
python对验证码降噪的实现示例代码
2019/11/12 Python
python创建学生成绩管理系统
2019/11/22 Python
TensorFlow内存管理bfc算法实例
2020/02/03 Python
Ubuntu中配置TensorFlow使用环境的方法
2020/04/21 Python
python 实现rolling和apply函数的向下取值操作
2020/06/08 Python
Python SQLAlchemy库的使用方法
2020/10/13 Python
Guess欧洲官网:美国服饰品牌
2019/08/06 全球购物
澳大利亚二手奢侈品网站:Modsie
2019/09/23 全球购物
LUISAVIAROMA中国官网:时尚奢侈品牌购物网站
2020/11/01 全球购物
简述安装Slackware Linux系统的过程
2012/05/08 面试题
老教师工作总结的自我评价
2013/09/27 职场文书
大专应届生个人的自我评价
2013/11/21 职场文书
仓管员岗位职责范本
2015/04/01 职场文书
收银员岗位职责范本
2015/04/07 职场文书
2016年度继续教育学习心得体会
2016/01/19 职场文书