ES6系列四：数组

怼烎@ 2022-02-01 08:06 236阅读 0赞

ES6的数组新增了4个方法：  
1、map 映射 一个对一个

let arr = [12, 5, 8]
    let result = arr.map(function (item) {
        return item*2
    })
    let result2 = arr.map(item=>item*2)   //箭头函数
    console.log(result)
    console.log(result2)
    
    let score = [18, 86, 88, 24]
    let result3 = score.map(item => item >= 60 ? '及格' : '不及格')
    console.log(result3)
    // 结果
    [ 24, 10, 16 ]
    [ 24, 10, 16 ]
    [ '不及格', '及格', '及格', '不及格' ]

2、reduce 汇总 一堆出来一个  
 用于比如：算个总数，算个平均

var arr = [1, 3, 5, 7]
    var result = arr.reduce(function (tmp, item, index) {
        //tmp 上次结果，item当前数，index次数1开始
        console.log(tmp, item, index)
        return tmp + item
    })
    console.log(result)
    
    var arr = [1, 3, 5, 7]
    var result = arr.reduce(function (tmp, item, index) {
        if (index != arr.length - 1) { // 不是最后一次
            return tmp + item
        } else {
            return (tmp + item)/arr.length
        }
    })
    console.log(result)  // 平均值

3、filter 过滤器 保留为true的

var arr = [12, 4, 8, 9]
    var result = arr.filter(item => (item % 3 === 0) ? true : false)
    console.log(result)
    
    var result = arr.filter(item => item % 3 === 0)
    console.log(result)
    
    var arr = [
        { title: '苹果', price: 10 },
        { title: '西瓜', price: 20 },
    ]
    var result = arr.filter(json => json.price >= 20)
    console.log(result)

4、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))

发表评论取消回复

表情：

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

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

相关阅读

相关 es6数组循环

先说说es5的循环，一下几种循环的前五种接收的参数是一样的，都是两个参数：第一个参数：循环里面执行的回调函数，循环调用执行的语句第二个参数：this的指向循环

布满荆棘的人生/ 2023年07月11日 06:10/ 0 赞/ 12 阅读

相关 es6 数组方法

map 映射一对一 `map()`不会对空数组进行检测 `map()`不会改变原始数组参数说明： `function(currentValue,

ゞ浴缸里的玫瑰/ 2023年06月17日 12:55/ 0 赞/ 38 阅读

相关 ES6数组方法

ES6数组方法以下方法添加到了Array.prototype对象上（isArray除外） indexOf 类似字符串的indexOf()方法 ![复制代码][

妖狐艹你老母/ 2022年05月29日 01:25/ 0 赞/ 350 阅读

相关 ES6系列教程第四篇--asyn详解

一、什么是async async其实是ES7的才有的关键字，放在这里说，其实是和我们前面所说的Promise，Generator有很大关联的。async的意思是"

素颜马尾好姑娘i/ 2022年05月23日 04:36/ 0 赞/ 934 阅读

相关 ES6 数组取值

const arr =[{ id:'1', name:'a' },{ id:'2', name:'b' }

怼烎@/ 2022年05月11日 09:14/ 0 赞/ 167 阅读

相关 ES6 数组扩展

扩展运算符|展开运算符 `...`不仅可以操作对象，也可以操作数组。 var arr1 = [1, "asd", {name:"张三"}]; var a

亦凉/ 2022年02月21日 01:21/ 0 赞/ 318 阅读

相关 ES6系列学习（6）模块、Babel、Polyfill、ES6继承

1.ES6模块 //config.js export const apiKey = 'abc123'; export const age = 12;

缺乏、安全感/ 2022年02月13日 15:55/ 0 赞/ 1112 阅读

相关 ES6系列四：数组

ES6的数组新增了4个方法： 1、map 映射一个对一个 let arr = [12, 5, 8] let result = arr.map(funct

怼烎@/ 2022年02月01日 08:06/ 0 赞/ 237 阅读

相关 es6 数组解构

1. 用法 [a, b] = [b, a] let [a, b] = [1, 2] // a=1, b=2 l

不念不忘少年蓝@/ 2021年09月18日 21:54/ 0 赞/ 420 阅读

相关 ES6 数组操作

1、push() 尾端插入，返回数组长度 let arr = [1,"hello",true]; console.log(arr.push(22));//

末蓝、/ 2021年09月18日 08:32/ 0 赞/ 409 阅读