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 ready函数滥用分析
Feb 16 Javascript
40款非常有用的 jQuery 插件推荐(系列一)
Dec 21 Javascript
javascript将数字转换整数金额大写的方法
Jan 27 Javascript
javascript实现根据3原色制作颜色选择器的方法
Jul 17 Javascript
javascript拖拽应用实例(二)
Mar 25 Javascript
JavaScript绑定事件监听函数的通用方法
May 14 Javascript
微信小程序前端源码逻辑和工作流
Sep 25 Javascript
JavaScript实现求最大公共子串的方法
Feb 03 Javascript
jQuery实现table表格信息的展开和缩小功能示例
Jul 21 jQuery
详解vuejs2.0 select 动态绑定下拉框支持多选
Apr 25 Javascript
详解vue为什么要求组件模板只能有一个根元素
Jul 22 Javascript
浅谈TypeScript的类型保护机制
Feb 23 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
星际争霸 Starcraft 秘技补丁
2020/03/14 星际争霸
win7+apache+php+mysql环境配置操作详解
2013/06/10 PHP
ThinkPHP处理Ajax返回的方法
2014/11/22 PHP
PHP读取大文件的多种方法介绍
2016/04/04 PHP
javascript阻止scroll事件多次执行的思路及实现
2013/11/08 Javascript
javascript对象的使用和属性操作示例详解
2014/03/02 Javascript
JavaScript setTimeout使用闭包功能实现定时打印数值
2015/12/18 Javascript
浅析Javascript匿名函数与自执行函数
2016/02/06 Javascript
解析浏览器端的AJAX缓存机制
2016/06/21 Javascript
前端微信支付js代码
2016/07/25 Javascript
Bootstrap实现带动画过渡的弹出框
2016/08/09 Javascript
JS简单实现浮动窗口效果示例
2016/09/07 Javascript
JS实现新建文件夹功能
2017/06/17 Javascript
浅谈vuex 闲置状态重置方案
2018/01/04 Javascript
让webpack+vue-cil项目不再自动打开浏览器的方法
2018/09/27 Javascript
Python过滤函数filter()使用自定义函数过滤序列实例
2014/08/26 Python
Python基于动态规划算法计算单词距离
2015/07/25 Python
Python计算字符宽度的方法
2016/06/14 Python
Python用csv写入文件_消除空余行的方法
2018/07/06 Python
Python3 Post登录并且保存cookie登录其他页面的方法
2018/12/28 Python
python递归法解决棋盘分割问题
2019/07/17 Python
Python箱型图处理离群点的例子
2019/12/09 Python
解决python -m pip install --upgrade pip 升级不成功问题
2020/03/05 Python
解决Windows下python和pip命令无法使用的问题
2020/08/31 Python
python实现AHP算法的方法实例(层次分析法)
2020/09/09 Python
Yahoo的PHP面试题
2014/05/26 面试题
数学专业推荐信范文
2013/11/21 职场文书
银行见习期自我鉴定
2014/01/29 职场文书
总经理岗位职责描述
2014/02/08 职场文书
团队经理竞聘书
2014/03/31 职场文书
法人授权委托书
2014/04/03 职场文书
语文教研活动总结
2014/07/02 职场文书
课外活动总结范文
2014/07/09 职场文书
护士2015年终工作总结
2015/04/29 职场文书
2016七夕情人节广告语
2016/01/28 职场文书
Spring Cache和EhCache实现缓存管理方式
2021/06/15 Java/Android