js--map循环和each循环

ゝ一世哀愁。 2021-09-27 04:32 594阅读 0赞

# 前言 #

在日常生活中，我们每做一件事情都需要判断一下这件事情是否值得去做，如果值得去做应该做到什么样子才算是满意的，在JavaScript中也有这种判断，这就是这篇博客的内容。

# 内容 #

## map循环 ##

语法：  
`$.map(数组或对象,回调函数);`  
注意回调函数是有参数的，表示循环的数组对象的索引值  
举个例子：

var arr = ["a","b","c","d","e"];
    $.map(arr,function(v,i){ 
        console.log(I + " , " + v ) ;
    });
    
    类似于：
    
    for(var i = 0 ; i < arr.length ; i++){
        func(arr[i],i);
    }

目的：

*  1、将过程操作变成函数式操作
 *  2、用回调函数处理每一个数组或对象中的元素然后返回一个新数组

扩展延伸：

//偶数项翻倍
    var arr = [11,22,33,44,55,66,77,88,99];
    var new_arr = $.map(arr,function(v,i){ 
        return v * (I % 2 == 0? 1 : 2);
    });
    alert(new_arr);

## each循环 ##

语法：  
`$.each(对象或数组,回调函数);`  
注意回调函数的参数是每一个成员的键与值  
举个例子：

var o ={name:"赵晓虎",age:19,sex:"男"};
    $.each(o,function(k, v){ 
        console.log(k + "----" + v);
    });

目的：  
\- 1、遍历对象或数组，注意不返回内容  
\- 2、如果需要停止遍历，return false

# 总结 #

map循环与each循环的基本思想就是将面向步骤过程的操作，变成一个函数式的操作方便进行链式编程（函数式编程），所谓函数编程就是类似于一个流水线生产模型，如下：

f1().f2().f3() f3(f2(f1()))

函数式编程近年来在并发要求较高的领域使用较多，所以这方面需要留意！

# end #

谢谢您的阅读！

发表评论取消回复

表情：

评论列表（有 0 条评论，594人围观）

还没有评论，来说两句吧...

相关阅读

相关 for-each循环

for-each循环专门用于读取数组或集合中所有的元素，即对数组进行遍历。 **注意事项：** ** 1. for-each增强for循环在...

﹏ヽ暗。殇╰゛Y/ 2024年04月18日 21:53/ 0 赞/ 10 阅读

相关 jquery $.each 和for 怎么跳出循环（终止本次循环）

如何在jquery 中的循环中终止本次循环或者跳出循环呢？查些资料,并且试验过发现下面方法可以 1、for循环中我们使用continue；终止本次循环计入

青旅半醒/ 2022年09月03日 06:28/ 0 赞/ 155 阅读

相关 for循环和jquery的each()跳出循环的方法

在for循环中使用continue终止本次循环进行下一个循环，使用break终止整个循环在jquery的each中使用return true终止本次循环进行下一个循环，使

野性酷女/ 2022年08月02日 11:44/ 0 赞/ 162 阅读

相关 Handlebar之each循环使用

<!DOCTYPE html> <html> <head> <META http-equiv=Content-Type content="

╰半夏微凉°/ 2022年08月01日 06:02/ 0 赞/ 209 阅读

相关 Jquery跳出each循环

jQuery中each类似于javascript的for循环但不同于for循环的是在each里面不能使用break结束循环，也不能使用continue来结束本次循环，想

小灰灰/ 2022年07月12日 03:29/ 0 赞/ 210 阅读

相关 jquery $.each()循环退出

\[javascript\] [view plain][] [copy][view plain] 1. $(function()\{ 2.

古城微笑少年丶/ 2022年05月27日 01:09/ 0 赞/ 162 阅读

相关 JQ each双重循环出错

一.双重循环出错原因：each方法是异步的所以内层的循环时外层也一样在循环，并不会等待内层循环完再执行循环二.替代方法 1)使用for 2)多选框初始化案例

傷城~/ 2022年05月15日 13:55/ 0 赞/ 175 阅读

相关 jquery $.each 和for 怎么跳出循环（终止本次循环）

如何在jquery 中的循环中终止本次循环或者跳出循环呢？查些资料,并且试验过发现下面方法可以 1、for循环中我们使用continue；终止本次循环计入下

﹏ヽ暗。殇╰゛Y/ 2022年04月14日 05:59/ 0 赞/ 341 阅读

相关 js--map循环和each循环

前言在日常生活中，我们每做一件事情都需要判断一下这件事情是否值得去做，如果值得去做应该做到什么样子才算是满意的，在JavaScript中也有这种判断，这就是这篇博客的内

ゝ一世哀愁。/ 2021年09月27日 04:32/ 0 赞/ 595 阅读

相关 for循环与each循环比较和使用建议

同样的数据处理，第一个29s是for循环，第二个41s是each循环，循环建议使用for循环。 var arr=[ { ...

朱雀/ 2021年01月19日 11:08/ 0 赞/ 572 阅读