美文网首页
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