资讯专栏INFORMATION COLUMN

$.map与$.each的区别

荆兆峰 / 2272人阅读

摘要:方法是一个不可变的迭代方法,方法可以用来当做迭代方法用,但是它事实上是操作提供的数组放回一个数组。例如也可以用来删除数组中的一项中是不会映射的,所以要在返回函数中加参数。注意的是中的参数和中的参数是相反的。

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]

map也可以用来删除数组中的一项

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]

map中this是不会映射的,所以要在返回函数中加参数。注意的是map中的参数和each中的参数是相反的。

map(arr, function(elem, index) {});
// versus 
each(arr, function(index, elem) {});

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/78764.html

相关文章

  • Underscore源码解析(二)

    摘要:本文同步自我得博客最近十几天都在忙毕业论文的事,所以上一次为大家介绍完这个框架的结构或者说是这个框架的设计思路之后就一直没动静了,今天我又满血复活了,让我们继续来探索的源码奥秘吧。 本文同步自我得博客:http://www.joeray61.com 最近十几天都在忙毕业论文的事,所以上一次为大家介绍完underscore这个框架的结构(或者说是这个框架的设计思路)之后就一直没动静了,今...

    骞讳护 评论0 收藏0
  • map和forEach区别

    摘要:在中提供了方法进行遍历其实就是模仿了中方法,不过将于进行了调换,下面两种方法进行对比一下,本身不会返回任何值判断循环是否结束返回遍历的数组返回遍历的数组也是循环遍历数组的语法,默认返回一个数组数组的返回新数据 forEach 在es5中提供了forEach方法进行遍历,其实就是模仿了jQuery中each方法,不过将 i 于v进行了调换,下面两种方法进行对比一下,forEach本身不会...

    atinosun 评论0 收藏0
  • underscore源码分析之基础方法

    摘要:在上篇文章整体架构分析中,我们讲过上面的方法有两种挂载方式,一个是挂载到构造函数上以的形式直接调用在后文上统称构造函数调用,另一种则是挂到上以的形式被实例调用在后文上统称原型调用。 underscore源码分析之基础方法 本文是underscore源码剖析系列的第二篇,主要介绍underscore中一些基础方法的实现。 mixin 在上篇文章underscore整体架构分析中,我们讲...

    BigNerdCoding 评论0 收藏0
  • 《Java8实战》-第四章读书笔记(引入流Stream)

    摘要:内部迭代与使用迭代器显式迭代的集合不同,流的迭代操作是在背后进行的。流只能遍历一次请注意,和迭代器类似,流只能遍历一次。 流(Stream) 流是什么 流是Java API的新成员,它允许你以声明性方式处理数据集合(通过查询语句来表达,而不是临时编写一个实现)。就现在来说,你可以把它们看成遍历数据集的高级迭代器。此外,流还可以透明地并行处理,你无需写任何多线程代码了!我会在后面的笔记中...

    _ivan 评论0 收藏0
  • Zepto核心模块之工具方法拾遗

    摘要:举例需要注意的是,此时回调函数中的指向的就是数组或者对象的某一项。中提供的拷贝方法,默认为浅拷贝,如果第一个参数为布尔值则表示深拷贝。 前言 平时开发过程中经常会用类似each、map、forEach之类的方法,Zepto本身也把这些方法挂载到$函数身上,作为静态方法存在,既可以给Zepto的实例使用,也能给普通的js对象使用。今天我们主要针对其提供的这些api做一些源码实现分析。 源...

    Alex 评论0 收藏0

发表评论

0条评论

荆兆峰

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<