zoukankan      html  css  js  c++  java
  • for循环,foreach, map,reduce用法对比+for in,for of

    for不做赘述,相当简单;

    foreach方法

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

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

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

    map() :

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

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

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

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

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

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

    reduce() :

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

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

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

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

    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不能对象用

  • 相关阅读:
    java 获取文本一行一行读
    postman 测试api接口
    MariaDB 默认是禁止远程访问的 我们改掉它
    mysql 查询近三个月数据
    Springboot配置拦截器
    springboot 基于@Scheduled注解 实现定时任务
    springboot 配置访问本地图片
    springboot上传文件大小限制的配置
    vue中toggle切换的3种写法
    vue怎么给自定义组件绑定原生事件
  • 原文地址:https://www.cnblogs.com/wangtong111/p/11223351.html
Copyright © 2011-2022 走看看