for循环，foreach, map，reduce用法对比+for in，for of

曾经终败给现在 2021-11-22 06:54 300阅读 0赞

for不做赘述，相当简单；

**foreach方法**：

forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。

**注意:** forEach() 对于空数组是不会执行回调函数的。

array.forEach(function(currentValue, index, arr), thisValue)

![1220589-20190721224905760-1766155293.png][]

**map() ：**

map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素顺序依次处理元素。

**注意：** map() 不会对空数组进行检测。

**注意：** map() 不会改变原始数组。

array.map(function(currentValue,index,arr), thisValue)

![1220589-20190721230101283-1683637498.png][]

由以上可见：foreach, map参数是完全相同的

**reduce() ：**

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值并返回。

reduce() 可以作为一个高阶函数，用于函数的 compose。

**注意:** reduce() 对于空数组是不会执行回调函数的。

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

![1220589-20190721231327479-1822670211.png][]

**for in;for of:**

for in

用for in的方遍历数组

for(let index in array) {  
            console.log(index,array[index]);  
        };

用for in不仅可以对数组,也可以对enumerable对象操作

var A = {a:1,b:2,c:3,d:"hello world"};  
    for(let k in A) {  
        console.log(k,A[k]);  
    }

for of

在ES6中,增加了一个for of循环,使用起来很简单

for(let v of array) {  
        console.log(v);  
    }; 
     
    let s = "helloabc"; 
    for(let c of s) {  
        console.log(c); 
    }

总结来说:for in总是得到对像的key或数组,字符串的下标,而for of和forEach一样,是直接得到值  
for of不能对象用

转载于:https://www.cnblogs.com/wangtong111/p/11223351.html

[1220589-20190721224905760-1766155293.png]: /images/20211122/d65b8b5b2b5f48f3ae5d5ceb69ac3f35.png
[1220589-20190721230101283-1683637498.png]: /images/20211122/ada75d9dd44848b0a1dc95a8dbe4b93b.png
[1220589-20190721231327479-1822670211.png]: /images/20211122/624cde3e85ce429281aff20271e8f758.png

发表评论取消回复

表情：

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

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

相关阅读

相关 for优化为forEach循环

：优化情况：对于for循环以及循环内（除小于集和大小）没有其它判断条件，可以优化为forEach，避免了每次的判断大小。例 import java.ut...

ゝ一纸荒年。/ 2024年04月19日 15:54/ 0 赞/ 43 阅读

相关 Java8中 lambda forEach循环与增强for循环性能对比

![b2bfca3cefe0f8a0943c5e70a857b507.png][] 来源：blog.csdn.net/asdflwlong/article/details/8

╰+哭是因爲堅強的太久メ/ 2023年01月17日 04:43/ 0 赞/ 183 阅读

相关 Iterator和for...of循环→for...of循环

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

阳光穿透心脏的1/2处/ 2022年10月02日 12:54/ 0 赞/ 202 阅读

相关 for in，for of， for，forEach，map，filter的区别

部分参考：[\[乐意黎原创\]JS里的for…in和for…of的用法与区别\_打杂人-CSDN博客][JS_for_in_for_of_-CSDN] for...in

你的名字/ 2022年08月28日 14:59/ 0 赞/ 137 阅读

相关 JavaScript中forEach，for in，for of的区别

在学习TypeScript时，又遇见了for of，一直以来对于这三者之间的区别都有些模糊，现在就通过几个简单的例子，做一下系统的区分。上代码： var arr

蔚落/ 2022年04月14日 03:21/ 0 赞/ 217 阅读

相关循环语句：for，for in，for of，while,do...while,forEach，map

循环语句：for，for in，for of，while,do…while,forEach，map 1.for循环 for(语句1，语句2，语句3){

亦凉/ 2022年02月22日 17:48/ 0 赞/ 213 阅读

相关普通for循环与增强for循环效率对比

开发中经常用到for循环，但是到底选择那一个效率更高，可能让有些同学出现纠结，给人感觉好像是增强for循环效率高，但是。。。。猜测总是没法让人不放心，千猜万猜还不如，动

╰+哭是因爲堅強的太久メ/ 2022年01月26日 15:41/ 0 赞/ 394 阅读

相关 java for循环和foreach循环

for 语句比较简单，用于循环数据。 for循环执行的次数是在执行前就确定的。语法格式如下： for(初始化; 布尔表达式; 更新) \{ //代码语句 \}

爱被打了一巴掌/ 2022年01月11日 03:49/ 0 赞/ 323 阅读

相关 C# for/foreach 循环

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlbmd5

ゝ一纸荒年。/ 2022年01月06日 08:31/ 0 赞/ 395 阅读

相关 for循环，foreach, map，reduce用法对比+for in，for of

for不做赘述，相当简单； foreach方法： forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。注意: forEach() 对于空数组是不会执

曾经终败给现在/ 2021年11月22日 06:54/ 0 赞/ 301 阅读