var arr = ["aa","bb","{name:apple}"];

1.each的使用

var a = $.each(arr,function(index,value){

　　console.log(this.toString()+"---->>");//结果为aa---->>  //bb---->>  //{name:apple}---->

})

console.log(a);//a的结果为aa,bb,{name:apple}

2.map的使用

var b = $.map(arr,function(value,index){

　　return value ="ff";//map中没有this

})

console.log(b);//b的结果为ff,ff,ff

3.grep的使用

var c = $.grep(arr,function(value,index){

　　//return value.indexOf("a")>=0//grep中没有this

　　return value="ff"

})

3.1 console.log(c);//c的结果为aa,{name:apple};

3.2 console.log(c);//c的结果为aa,bb,{name:apple};

总结：

1.回调函数的参数的顺序的不同，

　　1.1each是(i,v)

　　1.2map和grep是(v,i)

2.返回值得不同

　　2.1map是返回一个新的数组

　　2.2each和grep还是原来的，但是grep可以返回选取数组的子集

3.是否有当前迭代对象this

　　3.1each有

　　3.2map和grep没有

each()在数组中的每个元素都调用别的函数时很有用

map()在更改数组中的所有原始值时很有用

grep()在选取数组的子集时很有用

 <!DOCTYPE html>

 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

     <title></title>

     <meta charset="utf-8" />

     <link rel="stylesheet" href="style/style.css">

     <script src="js/jquery-1.10.2.min.js"></script>

     <script>

         $(function () {

             var a = ["12", "23", "34"];

             var b = ["12", "14", "23"];

             var c = $("div");

             var each1 = $.each(a, function () {

                 var x = this//$(this)-->当前迭代对象(有this)

                 console.log($(this) + "----each1");

             })

             var each2 = $.each(c, function () {

                 var x = this//$(this)-->当前迭代对象(有this)

                 console.log($(this) + "----each2");

             })

             //不能这么用

             //var each3 = a.each(function () {

             //})

             var each4 = c.each(function () {

                 var x = this//$(this)-->当前迭代对象(有this)

                 console.log($(this) + "----each4");

             })

             var map1 = $.map(c, function () {

                 var z = this //$(this)-->window

                 console.log($(this) + "--1--map1");

             });

             var map2 = $.map(a, function () {

                 var z = this//$(this)-->window

                 console.log($(this) + "--2--map2");

             });

             var map3 = a.map(function () {

                 var x = this//$(this)-->window

                 console.log($(this) + "--3-map3");

             });

             var map4 = c.map(function () {

                 var x = this//$(this)-->当前迭代对象(有this)

                 console.log($(this) + "--4--map4");

             });

             var grep1 = $.grep(a, function () {

                 var c = this//$(this)-->window

                 console.log($(this) + "----grep1");

             })

             var grep2 = $.grep(c, function () {

                 var c = this//$(this)-->window

                 console.log($(this) + "----grep2");

             })

             //不能这样使用

             //var grep4 = c.grep(function () {

             //})

         })

     </script>

 </head>

 <body>

     <div class="border-box">1</div>

     <div class="padding-box">2</div>

     <div class="content-box">3</div>

     <div class="solarLeft"> 4</div>

 </body>

 </html>

each,map,grep的区别的更多相关文章

  1. Java中Set Map List 的区别

    java中set map list的区别: 都是集合接口 简要说明 set --其中的值不允许重复,无序的数据结构 list   --其中的值允许重复,因为其为有序的数据结构 map--成对的数据结构 ...

  2. Collection List Set和Map用法与区别

    labels:Collection List Set和Map用法与区别 java 散列表 集合 Collection           接 口的接口      对 象的集合   ├   List   ...

  3. every();some();filter();map();forEach()各自区别：

    every();some();filter();map();forEach()各自区别: (1)every()方法:(返回值为boolean类型) 对数组每一项都执行测试函数,知道获得对指定的函数返回 ...

  4. lodash 集合处理方法 map和filter区别

    <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...

  5. Python【day 14】sorted函数、filter函数和map函数的区别

    sorted函数.filter函数和map函数的区别1.作用 前者用于排序, 中者用于筛选, 后者用于返回值(不是特定的筛选或者排序)2.写法 前者 sorted(iterable,key=自定义函数 ...

  6. STL中vector、list、map、set区别（转载）

    list封装了链表,vector封装了数组, list和vector得最主要的区别在于vector使用连续内存存储的,他支持[]运算符,而list是以链表形式实现的,不支持[].vector对于随机访 ...

  7. List,Set,Map用法以及区别

    List,Set,Map是否继承自Collection接口? 答:List,Set是,Map不是. 如图: Collection ├List │├LinkedList │├ArrayList │└Ve ...

  8. List,Set,Map用法以及区别(转)

    Collection是最基本的集合接口,一个Collection代表一组Object,即Collection的元素.一些Collection允许相同的元素而另一些不行.一些能排序而另一些不行.Java ...

  9. List Set Map用法和区别

    List,Set,Map是否继承自Collection接口? 答:List,Set是,Map不是.如图: Collection ├List │├LinkedList │├ArrayList │└Vec ...

随机推荐

  1. acid数据库事务正确执行的四个基本要素的缩写编辑本义项

    ACID,指数据库事务正确执行的四个基本要素的缩写.包含:原子性(Atomicity).一致性(Consistency).隔离性(Isolation).持久性(Durability).一个支持事务(T ...

  2. codeforces Arrival of the General 题解

    A Ministry for Defense sent a general to inspect the Super Secret Military Squad under the command o ...

  3. Sybase datetime 时间转换格式 convert(varchar(10),字段名,转换格式)

    convert(varchar(10),字段名,转换格式)sybase下convert函数第三个参数(时间格式)比如:1.select user_id,convert(varchar(10),dayt ...

  4. Javascript和jQuery WordPress 图片轮播插件， 内容滚动插件，前后切换幻灯片形式显示

    用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果.本文向大家推荐12款实用的 jQuery 图片轮播效果插件,帮助你在你的项目中加入一些效果精美的图片轮播效果,希望这些插件 ...

  5. C#,.net获取字符串中指定字符串的个数、所在位置与替换字符串

    方法一: public static int indexOf (字符串/字符,int从第几位开始,int共查几位) string tests = "1absjjkcbfka2rsbcfak2 ...

  6. $(document).ready(); $().ready(); $()

    $(document).ready(function(){}); $().ready(function(){}); $(function(){}), 三者效果是一样的,在文档加载完成之后执行()中的代 ...

  7. [c#]asp.net开发微信公众平台(5)微信图文消息

    上篇已经成功响应了关注事件,也实现了文本消息的发送,这篇开始图文消息处理, 微信中最常用的消息类型就是图文消息了,因为它图文并茂,最能表达信息. 图文消息在微信中的接口定义如下: <xml> ...

  8. nagios配置

    接近两个星期的奋战,nagios的安装搭建以及监控服务自动报警功能终于基本得以实现,现在自己整理一份安装技术手册,方便自己以后查阅和回顾. 接近两个星期的奋战,nagios的安装搭建以及监控服务自动报 ...

  9. 武汉科技大学ACM ：1004: C语言程序设计教程（第三版）课后习题6.3

    Problem Description 求Sn=2+22+222+…+22…222(有n个2)的值. 例如:2+22+222+2222+22222(n=5),n由键盘输入. Input n Outpu ...

  10. POJ2406 KMP算法

    POJ2406 问题重述:给定字符串s0,记连续的k个s前后相连组成的s0s0...s0为s0^k.输入字符串S,求最大的k,使得S = s0^k. 问题分析: 1.采用kmp算法求出前缀函数 pre ...