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

曾经终败给现在 2021-11-22 06:54 357阅读 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 条评论，357人围观）

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

相关阅读

相关 Java循环对比：传统for循环、增强型for循环和forEach循环

1、传统for循环传统的for循环是一种经典的循环结构，在Java中广泛使用。以下是传统for循环的特点：灵活控制：传统for循环使用形式为for (初始化表达

以你之姓@/ 2023年10月16日 15:08/ 0 赞/ 100 阅读

相关 for循环与forEach循环效率对比问题

> 我是 ABin-阿斌：写一生代码，创一世佳话，筑一览芳华。如果小伙伴们觉得我的文章不错，记得一键三连哦~ > ![在这里插入图片描述][01244a35a05f907

约定不等于承诺〃/ 2023年09月28日 10:51/ 0 赞/ 43 阅读

相关 forEach，for in，for of循环的用法

一、一般的遍历数组的方法: var array = [1,2,3,4,5,6,7]; for (var i = 0; i < array.leng

痛定思痛。/ 2023年07月22日 04:59/ 0 赞/ 27 阅读

相关 js中forEach，for in，for of循环的用法

[https://www.cnblogs.com/amujoe/p/8875053.html][https_www.cnblogs.com_amujoe_p_8875053.h

Myth丶恋晨/ 2023年07月10日 14:26/ 0 赞/ 29 阅读

相关 for of循环

`for...of`语句在[可迭代对象][Link 1]（包括 [`Array`][Array]，[`Map`][Map]，[`Set`][Set]，[`String`][St

àì夳堔傛蜴生んèń/ 2023年02月24日 11:25/ 0 赞/ 15 阅读

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

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

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

相关循环语句：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 赞/ 264 阅读

相关 java for循环和foreach循环

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

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

相关 C# for/foreach 循环

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlbmd5

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

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

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

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