ES6数组新方法:map,reduce,filter,foreach

7 篇文章 0 订阅
本文介绍了JavaScript中的四个核心数组方法:map用于映射数组元素,reduce用于汇总计算,filter用于筛选符合条件的元素,以及forEach用于循环遍历。通过实例展示了它们的使用方式和常见应用场景,帮助开发者更好地理解和运用这些功能。
摘要由CSDN通过智能技术生成

新增4个方法

map 映射 一个对一个

定义数组:

let arr = [12, 5, 8]

map应用初版:

let result = arr.map(function (item) {
    return item*2
})
console.log(result)//结果:[ 24, 10, 16 ]

简写版本:

let result2 = arr.map(item=>item*2) // 简写
console.log(result2)//结果:[ 24, 10, 16 ]

还可以:

let score = [18, 86, 88, 24]
let result3 = score.map(item => item >= 60 ? '及格' : '不及格')
console.log(result3)//结果:[ '不及格', '及格', '及格', '不及格' ]

这三个版本主要是领悟一下map+箭头函数的快乐,
这种快乐应该在只有一个值,并且只有一句执行语句的时候拥有


reduce 汇总 一堆出来一个

用于比如,算个总数,算个平均

reduce函数中自带三个值的含义:
·
temp:初值取arr[0],即数组第一项
item:数组中每一项
index:序号,索引号

定义数组:

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 result = arr.reduce(function (tmp, item, index) {
    if (index != arr.length - 1) { // 不是最后一次
        return tmp + item	// 前期先累加
    } else {
    	//如果是最后一次,那么,除以总数求平均值
        return (tmp + item)/arr.length	
    }
})
console.log(result)  // 输出平均值

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)

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
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值