美文网首页
ES6 数组 四个常用方法

ES6 数组 四个常用方法

作者: 崩鲨卡拉卡 | 来源:发表于2019-02-19 10:51 被阅读0次

数组方法:

  • map ---------- 映射 一个对一个
  • reduce ---------- 汇总归纳 一堆出来一个
  • filter ---------- 过滤器 保留为true的
  • forEach ---------- 迭代(循环)

- map

  • map( fuction( item ) { } )传入处理方法, item 为循环时,每个映射项
        let arr=[1,3,4,5,6];    

        let res=arr.map(function(item){
            return item*2;
        })

        alert(res);

输出:2,6,8,10,12

使用 map 判断及格(箭头函数):

let arr=[1,3,4,5,6];
        let res=arr.map(
            item=>item>=3?'及格':'不及格
            // function(item){
            //     return item>=3?'及格':'不及格'
            // }
        );

- reduce

这里可能涉及 this 所属问题,建议函数内部使用箭头函数
 let arr=[1,1,1,1,1,1];
        let res=arr.reduce(function(tmp,item,index){
            // tmp 上一次结果,item 当前项 ,index 下标(从1开始)
            return  tmp+item;
        });
        console.log(res);
输出总和:6

- filter 以 truefalse判断是否过滤

使用filter 筛选能被3整除数:

// 筛选出能被3整出的
       let arr=[3,23,12,434,6,15,9]
       let res=arr.filter(item=>{
           if(item%3==0){
               return true;
           }else{
               return false;
           }
       })
        alert(res);      得到输出:3,12,6,15,9

以上代码可箭头函数简写
let res=arr.filter(item=>item%3==0)

- forEach

var arr = [12, 4, 8, 9]
var result = arr.forEach(item => console.log(item))
var result = arr.forEach((item, index)=>console.log(item, index))

相关文章

  • JavaScript常用数组操作方法,包含ES6方法

    JavaScript常用数组操作方法,包含ES6方法 //数组转json串 var arr = [1,2,3, {...

  • 必看!!!数组常用的方法(ES6)

    ES6核心特性(三)----细说数组常用的方法 前言 本文主要介绍数组常见遍历方法:forEach、map、fil...

  • 数组去重

    1.利用ES6 Set去重(ES6中最常用) 2.它是最简单的数组去重方法(indexOf方法) 3.优化遍历数组...

  • 数组去重

    分类 非对象数组去重 对象数组去重 分类一 --- 非对象数组去重 方法一: set(es6常用) 方法二:red...

  • 数组去重的几种方法

    数组去重的几种方法 ES6 Set去重(ES6常用) -不修改原数组 不考虑兼容性,这种去重的方法代码最少。这种方...

  • 数组的常用方法

    数组常用的方法 学习思路:通过四个维度方法的作用是否需要传參是否有返回值原数组发生改变 数组常用的方法 数组方法有...

  • js常用数组处理方法

    Array常用方法: 1、改变原数组 2、不改变原数组 3、Es5新增 4、Es6新增方法7个

  • 数组的常用方法

    数组的常用方法 1. ES6: Array.of() Array.of() 方法创建一个具有可变数量参数的新数组实...

  • javascript/jquery-遍历数组/对象的几种方式

    遍历数组/对象的几种方式 常用的方法:for、for in、for of(es6语法)、forEach、map、f...

  • ES6 数组 四个常用方法

    数组方法: map ---------- 映射 一个对一个 reduce ---------- 汇总归纳 一...

网友评论

      本文标题:ES6 数组 四个常用方法

      本文链接:https://www.haomeiwen.com/subject/esfzeqtx.html