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 相关文章推荐
JScript的条件编译
May 29 Javascript
fmt:formatDate的输出格式详解
Jan 09 Javascript
jQuery实现跟随鼠标运动图层效果的方法
Feb 02 Javascript
JavaScript简单下拉菜单实例代码
Sep 07 Javascript
AngularGauge 属性解析详解
Sep 06 Javascript
Javascript下拉刷新的简单实现
Feb 14 Javascript
js自定义弹框插件的封装
Aug 24 Javascript
判断jQuery是否加载完成,没完成继续判断的解决方法
Dec 06 jQuery
面包屑导航详解
Dec 07 Javascript
JS交互点击WKWebView中的图片实现预览效果
Jan 05 Javascript
浅谈JS对象添加getter与setter的5种方法
Jun 09 Javascript
详解javascript replace高级用法
Feb 17 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
非洲第一个咖啡超凡杯大赛承办国—卢旺达的咖啡怎么样
2021/03/03 咖啡文化
php中函数的形参与实参的问题说明
2010/09/01 PHP
ThinkPHP 防止表单重复提交的方法
2011/08/08 PHP
php使用正则表达式提取字符串中尖括号、小括号、中括号、大括号中的字符串
2020/04/05 PHP
新浪SAE云平台下使用codeigniter的数据库配置
2014/06/12 PHP
ThinkPHP 3.2 版本升级了哪些内容
2015/03/05 PHP
PHP微信开发之二维码生成类
2015/06/26 PHP
php实现在线通讯录功能(附源码)
2016/05/13 PHP
thinkPHP中volist标签用法示例
2016/12/06 PHP
Gambit vs ForZe BO3 第二场 2.13
2021/03/10 DOTA
JavaScript 中的replace方法说明
2007/04/13 Javascript
实现变速回到顶部的JavaScript代码
2011/05/09 Javascript
Tab切换组件(选项卡功能)实例代码
2013/11/21 Javascript
vue与vue-i18n结合实现后台数据的多语言切换方法
2018/03/08 Javascript
用Vue写一个分页器的示例代码
2018/04/22 Javascript
基于vue循环列表时点击跳转页面的方法
2018/08/31 Javascript
js事件on动态绑定数据,绑定多个事件的方法
2018/09/15 Javascript
每天学点Vue源码之vm.$mount挂载函数
2019/03/11 Javascript
JavaScript实现好看的跟随彩色气泡效果
2020/02/06 Javascript
Vue将props值实时传递 并可修改的操作
2020/08/09 Javascript
从零开始用webpack构建一个vue3.0项目工程的实现
2020/09/24 Javascript
python中文乱码的解决方法
2013/11/04 Python
使用Python发送邮件附件以定时备份MySQL的教程
2015/04/25 Python
python实现数据导出到excel的示例--普通格式
2018/05/03 Python
python安装twisted的问题解析
2018/08/21 Python
python从list列表中选出一个数和其对应的坐标方法
2019/07/20 Python
使用python模拟命令行终端的示例
2019/08/13 Python
Python爬取新型冠状病毒“谣言”新闻进行数据分析
2020/02/16 Python
虚拟环境及venv和virtualenv的区别说明
2021/02/05 Python
做一个能自适应高度的textarea的示例代码
2019/09/06 HTML / CSS
德国亚洲食品网上商店:asiafoodland.de
2019/12/28 全球购物
护校行动方案
2014/05/31 职场文书
平安家庭事迹材料
2014/12/20 职场文书
销售经理助理岗位职责
2015/04/13 职场文书
MongoDB修改oplog大小的四种方法
2022/04/11 MongoDB
css中有哪些方式可以隐藏页面元素及区别
2022/06/16 HTML / CSS