JavaScript中filter、map、reduce、find和findIndex的基本使用

本文详细介绍了JavaScript中常用的数组操作函数:filter用于过滤数组元素,map用于映射数组元素,reduce用于对数组元素进行累积计算,find查找符合条件的第一个元素,findIndex查找符合条件的第一个元素的索引。这些函数都不会改变原始数组。
摘要由CSDN通过智能技术生成

一、filter函数

filter(过滤器)起到一个过滤数据的作用,filter中的回调函数有一个要求:必须返回一个布尔值。当返回true时,函数内部会自动回调n进入数组,当返回false时,函数内部会过滤掉这次的n。

  • filter() 不会对空数组进行检测。
  • filter() 不会改变原始数组。
const nums = [10, 20, 30, 40, 100, 510, 300, 70, 999, 60]
let NewNum1 = nums.filter(n => n < 100)
consloe.log(NewNum1)
//输出的结果为 [10, 20, 30, 40, 70, 60]

二、map函数

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

注意:

  • map()不会对空数组进行检测
  • map()不会改变原始数组
array.map(function(currentValue, index, arr), thisIndex)

参数:

thisValue:可选。对象作为该执行回调时使用,传递给函数,用作"this"的值。
function(currentValue, index, arr):必须。为一个函数,数组中的每个元素都会执行这个函数。其中函数参数:
currentValue:必须。当前元素的的值。
index:可选。当前元素的索引。
arr:可选。当前元素属于的数组对象。

let array = [1, 2, 3, 4, 5];
let newArray = array
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值