本篇内容介绍了“JavaScript中的reduce()怎么使用”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！
1、定义和用法
reduce()方法接收一个函数作为累加器，数组中的每个值从左到右开始缩减，最终计算为一个值。免费云主机域名
注意：reduce()对于空数组是不会执行回调函数的。
2、语法
arr.reduce(function(prev, cur, curIndex, arr){
…
}, init)
3、参数
prev：必需，初始值init，或者每次计算结束后的返回值；
cur：必需，当前元素；
curIndex：cur的索引；
arr：当前元素所属的数组arr；
init：传递给函数的初始值初始值。
4、实例
var arr = [5,4,8,6,8,2,6,22,8,6]
1
求和
sum = arr.reduce(function(prev,cur) {
console.log(prev, cur)
return prev + cur;
}, 0);
// 打印结果如下：
0 5
5 4
9 8
17 6
23 8
31 2
33 6
39 22
61 8
69 6
75
求数组项最大值
max = arr.reduce(function(prev, cur) {
console.log(prev, cur)
return Math.max(prev, cur)
}, 0);
// 打印结果如下：
0 5
5 4
5 8
8 6
8 8
8 2
8 6
8 22
22 8
22 6
22
数组去重
newArr = arr.reduce((prev, cur) => {
console.log(prev, cur);
prev.indexOf(cur) === -1 && prev.push(cur);
return prev;
}, [])
// 打印结果如下：
[] 5
[5] 4
[5, 4] 8
[5, 4, 8] 6
[5, 4, 8, 6] 8
[5, 4, 8, 6] 2
[5, 4, 8, 6, 2] 6
[5, 4, 8, 6, 2] 22
[5, 4, 8, 6, 2, 22] 8
[5, 4, 8, 6, 2, 22] 6
[5, 4, 8, 6, 2, 22]
计算字符串字母出现的次数
strNum = str.split(”).reduce((strObj, cur) => {
console.log(strObj, cur)
strObj[cur] ? strObj[cur]++ : strObj[cur] = 1;
return strObj;
}, {});
// 打印结果如下
{} ‘h’
{h: 1} ‘e’
{h: 1, e: 1} ‘l’
{h: 1, e: 1, l: 1} ‘l’
{h: 1, e: 1, l: 2} ‘o’
{h: 1, e: 1, l: 2, o: 1}
二维数组转换为一维数组
var arr1 = [[1,2],[1,4,3],[7,8,9]]
arr2 = arr1.reduce((x,y) => x.concat(y), []);
// [1, 2, 1, 4, 3, 7, 8, 9]“JavaScript中的reduce()怎么使用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注百云主机网站，小编将为大家输出更多高质量的实用文章！
这篇文章给大家分享的是有关css3如何通过resize属性修改元素大小的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。 为了增强用户体验，CSS3增加了很多新的属性，其中一个重要的属性就是调整大小，它允许用户通过拖动的方式来修改元素的…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
