您好,登录后才能下订单哦!
本文小编为大家详细介绍“reduce怎么使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“reduce怎么使用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
array.reduce((pre, cur, index, arr)=>{ ... }, init);
pre
: 必需。初始值, 或者计算结束后的返回值。
cur
: 必需。当前元素。
index
: 可选。当前元素的索引。
arr
: 可选。当前元素所属的数组对象。
init
: 可选。传递给函数的初始值,相当于pre的初始值。
reduce里面有一定要return,return出去的值也要注意
const b = [1, 2, 3, 4] b.reduce((x, y) => console.log(x, y), 0)
如果有初始值,先取初始值为0,然后取数组第一个值,再取它们(x,y)的返回值为undefined,然后再取数组的第二个值,依次类推
//正常使用forEach循环 let arr = [{ a: 1, b: 10 }, { a: 2, b: 20 }, { a: 3, b: 30 }] let obj = {} arr.forEach((item, index) => { Object.keys(item).forEach(each => { obj[`${each}${index + 1}`] = item[each] }) }) console.log(obj); //{a1:1,a2:2,a3:3,b1:10,b2:20,b3:30} //使用reduce遍历,可以看出区别在于初始值,以及reduce中必须要return你想要的值 let a = arr.reduce((pre, cur, index) => { Object.keys(cur).forEach((item) => { pre[`${item}${index + 1}`] = cur[item] }) return pre }, {}) console.log(a); //{a1:1,a2:2,a3:3,b1:10,b2:20,b3:30}
2.1.基本数据类型去重
let arr2 = [9, 4, 3, 6, 9]; //基本类型去重 let set = arr2.reduce((pre, cur) => { !pre.includes(cur) && pre.push(cur) return pre }, []) console.log(set); //[9,4,3,6]
2.2.引用数据类型去重
let list = [ { subject: "数学", marks: 80 }, { subject: "语文", marks: 90 }, { subject: "英语", marks: 80 }, ] function arrSet(value,arr) { let obj = {} let res = arr.reduce((pre, cur) => { if (!obj[cur[value]]) { obj[cur[value]] = true pre.push(cur) } return pre }, []) return res } let result = arrSet("marks",list); console.log(result); //[{subject:"数学",marks:80},{subject:"语文":90}]
3.1.基本数据类型求和
let arr2 = [9, 4, 3, 6, 9]; let sum = arr2.reduce((pre, cur) => { return pre + cur },0) console.log(sum) //31
3.2.引用数据类型求和
let arr = [ { value: 45, }, { value: 88, }, { value: 101, }, ]; let newArr = arr.reduce((pre, cur) => { return pre + cur.value; }, 0); console.log(newArr); //234
let arr2 = [9, 4, 3, 6, 9]; let max = arr2.reduce((prev, cur)=> { return Math.max(prev, cur); }) let min= arr2.reduce((prev, cur)=> { return Math.min(prev, cur); }) console.log(max,min); //9,3
5.1 二维数组转化为一维
let arr = [[1, 2, 8], [3, 4, 9], [5, 6, 10]]; let res = arr.reduce((pre, cur) => { return pre.concat(cur) },[]); console.log(res) //[1, 2, 8, 3, 4, 9, 5, 6, 10]
5.2 多维数组转化为一维
let arr = [[1, [2, 8]], [3, 4, 9], [5, [6, 10]]] function fn(arr) { return arr.reduce((pre, cur) => { return pre.concat(Array.isArray(cur) ? fn(cur) : cur); }, []); } const newArr = fn(arr); console.log(newArr); //[1, 2, 8, 3, 4, 9, 5, 6, 10]
const str = 'jordanbryantjamescurrydurant'; const res1 = str.split('').reduce((pre, cur) => { pre[cur] ? pre[cur]++ : pre[cur] = 1; return pre; }, {}); console.log(res1); //{j:2,o:1,r:5,d:2,...} let arr = [] let num = Math.max(...new Set(Object.values(res1))) let value; for (let keys in res1) { if (res1[keys] == num) { value = keys break } } console.log(`出现最多的字母为${value},出现的次数为${num}次`); //出现最多的字母为r,出现的次数为5次
读到这里,这篇“reduce怎么使用”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注亿速云行业资讯频道。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。