filter过滤和reduce()方法

最新推荐文章于 2023-08-30 15:13:34 发布

路边的小西瓜

最新推荐文章于 2023-08-30 15:13:34 发布

阅读量1.5k

点赞数

分类专栏： Javascript 文章标签： js javascript

本文链接：https://blog.csdn.net/weixin_51332774/article/details/109705351

版权

Javascript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

本文详细介绍了JavaScript中的filter和reduce方法。filter方法用于筛选数组中的元素，回调函数返回true则保留，false则过滤。示例中展示了如何筛选出数组中的偶数。reduce方法则用于将数组元素整合成一个单一的值，通过累加器函数实现。文章还给出了reduce方法整合数组元素求和的实例。

摘要由CSDN通过智能技术生成

filter过滤

就是将想要的内容进行筛选，不要的内容去除，最终返回想要的内容
filter中的回调函数必须返回一个布尔值
true:当返回true时，函数内部会自动将这次回调的n加入到新的数组中
false:当返回false时，函数内部会过滤掉这次的n

let arr = [1,2,3,4,5,6,7,8,9]
//filter过滤，就是将想要的内容进行筛选，不要的内容去除，最终返回想要的内容
let result = arr.filter((item, index)=>{
	if(item%2==0){
		//通过返回true还是false进行选择，true就是想要， false就
		return true;
	}else{
		return false;
	}
})
console.log(result)
>>>
>[2,4,6,8]

reduce()

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

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

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

reduce()对整个数组进行整合
例如将数组里所有的数字相加
将数组每一项内容整合后返回一个内容

var numbers = [65, 44, 12, 4];
 
function getSum(total, num) {
    return total + num;
}
function myFunction(item) {
    document.getElementById("demo").innerHTML = numbers.reduce(getSum);
}

let arr4 = [1,2,3,4,5,6,7,8,9];
let result4 =arr4. reduce( ( pre, next, index)=>{
	console.log(pre);
	console.log(next);
	console.log( index)
	return pre+next
},0)//0是给数组的一个初始值
console.log( result4)