美文网首页
ES5 数组方法reduce的使用场景

ES5 数组方法reduce的使用场景

作者: chenjieyi | 来源:发表于2021-04-20 15:41 被阅读0次

1、当表格的列过多,需要横向滚动时需要设置scroll.x,scroll.x 是所有表头的固定宽度累加总和。(antd table)

let columns = [{width:100, ...},{width: 200, ...}]
let scroll = {x: columns.reduce((x, item) => x+item.width, 0)}
console.log(scroll.x) // 300

2、当需要把一个列表的内容组合成一个对象时

let arr = [{key: "code", value: "编码"},{key: "name",value: "名称"}];
let obj = arr.reduce(o, item => {
     o[item.key] = item.value
     return o
}, {})
console.log(obj) // {code: "编码", name: "名称"}

3、场景arr = [a,b,c], a,b,c都是函数,d=4为参数,得出a(b(c(d)))的结果

let a = (arg) => {return arg+1}
let b = (arg) => {return arg+2}
let c = (arg) => {return arg+3}
let result = arr.reverse().reduce((arg,item) => item(arg),d)
console.log(result) // 10

相关文章

网友评论

      本文标题:ES5 数组方法reduce的使用场景

      本文链接:https://www.haomeiwen.com/subject/clsnlltx.html