堆栈内存溢出
  简体   繁体   English

object 数组中动态键的所有值的总和

[英]Sum of all values from a dynamic key in object array

 原文  2022-03-01 02:23:32  2   2    javascript/ arrays/ reactjs

问题描述

I'm trying to sum all similar keys in an object array.我正在尝试对 object 数组中的所有相似键求和。 Each object will have similar keys but each array may not have similar object keys.每个 object 都有相似的键，但每个数组可能没有相似的 object 键。 I was thinking of storing the keys in another array and looping over that but not sure the best way.我正在考虑将键存储在另一个数组中并循环遍历它，但不确定最好的方法。

Scorecard output example记分卡 output 示例

Scorecard1 input example: Scorecard1 输入示例：

let scorecard1 = [
    {
        "Hole": 1,
        "Par": 4,
        "Blue": 368,
        "White": 349,
        "Handicap": 16
    },
    {
        "Hole": 2,
        "Par": 4,
        "Blue": 316,
        "White": 305,
        "Handicap": 14
    },
    {
        "Hole": 3,
        "Par": 3,
        "Blue": 169,
        "White": 158,
        "Handicap": 10
    },
    {
        "Hole": 4,
        "Par": 4,
        "Blue": 373,
        "White": 351,
        "Handicap": 12
    },
    {
        "Hole": 5,
        "Par": 4,
        "Blue": 352,
        "White": 348,
        "Handicap": 6
    },
    {
        "Hole": 6,
        "Par": 5,
        "Blue": 493,
        "White": 485,
        "Handicap": 8
    },
    {
        "Hole": 7,
        "Par": 4,
        "Blue": 367,
        "White": 356,
        "Handicap": 18
    },
    {
        "Hole": 8,
        "Par": 3,
        "Blue": 193,
        "White": 176,
        "Handicap": 4
    },
    {
        "Hole": 9,
        "Par": 5,
        "Blue": 562,
        "White": 540,
        "Handicap": 2
    },
    {
        "Hole": 10,
        "Par": 4,
        "Blue": 384,
        "White": 369,
        "Handicap": 15
    },
    {
        "Hole": 11,
        "Par": 4,
        "Blue": 311,
        "White": 292,
        "Handicap": 11
    },
    {
        "Hole": 12,
        "Par": 4,
        "Blue": 421,
        "White": 411,
        "Handicap": 5
    },
    {
        "Hole": 13,
        "Par": 3,
        "Blue": 155,
        "White": 148,
        "Handicap": 17
    },
    {
        "Hole": 14,
        "Par": 5,
        "Blue": 492,
        "White": 483,
        "Handicap": 7
    },
    {
        "Hole": 15,
        "Par": 4,
        "Blue": 425,
        "White": 409,
        "Handicap": 1
    },
    {
        "Hole": 16,
        "Par": 5,
        "Blue": 505,
        "White": 479,
        "Handicap": 13
    },
    {
        "Hole": 17,
        "Par": 3,
        "Blue": 182,
        "White": 166,
        "Handicap": 9
    },
    {
        "Hole": 18,
        "Par": 4,
        "Blue": 437,
        "White": 427,
        "Handicap": 3
    }
]

Scorecard2 input example: Scorecard2 输入示例：

let scorecard2 = [
    {
        "Hole": 1,
        "Par": 4,
        "Blue": 372,
        "White": 0,
        "Red_Intermediate": 301,
        "gold": 0,
        "Handicap": 10
    },
    {
        "Hole": 2,
        "Par": 4,
        "Blue": 394,
        "White": 0,
        "Red_Intermediate": 370,
        "gold": 0,
        "Handicap": 4
    },
    {
        "Hole": 3,
        "Par": 4,
        "Blue": 369,
        "White": 0,
        "Red_Intermediate": 248,
        "gold": 0,
        "Handicap": 5
    },
    {
        "Hole": 4,
        "Par": 4,
        "Blue": 361,
        "White": 0,
        "Red_Intermediate": 275,
        "gold": 0,
        "Handicap": 18
    },
    {
        "Hole": 5,
        "Par": 4,
        "Blue": 297,
        "White": 0,
        "Red_Intermediate": 260,
        "gold": 0,
        "Handicap": 16
    },
    {
        "Hole": 6,
        "Par": 3,
        "Blue": 188,
        "White": 0,
        "Red_Intermediate": 167,
        "gold": 0,
        "Handicap": 13
    },
    {
        "Hole": 7,
        "Par": 4,
        "Blue": 342,
        "White": 0,
        "Red_Intermediate": 245,
        "gold": 0,
        "Handicap": 12
    },
    {
        "Hole": 8,
        "Par": 3,
        "Blue": 184,
        "White": 0,
        "Red_Intermediate": 99,
        "gold": 0,
        "Handicap": 17
    },
    {
        "Hole": 9,
        "Par": 5,
        "Blue": 570,
        "White": 0,
        "Red_Intermediate": 452,
        "gold": 0,
        "Handicap": 1
    },
    {
        "Hole": 10,
        "Par": 4,
        "Blue": 367,
        "White": 0,
        "Red_Intermediate": 303,
        "gold": 0,
        "Handicap": 7
    },
    {
        "Hole": 11,
        "Par": 5,
        "Blue": 481,
        "White": 0,
        "Red_Intermediate": 443,
        "gold": 0,
        "Handicap": 3
    },
    {
        "Hole": 12,
        "Par": 4,
        "Blue": 352,
        "White": 0,
        "Red_Intermediate": 311,
        "gold": 0,
        "Handicap": 11
    },
    {
        "Hole": 13,
        "Par": 4,
        "Blue": 313,
        "White": 0,
        "Red_Intermediate": 264,
        "gold": 0,
        "Handicap": 15
    },
    {
        "Hole": 14,
        "Par": 4,
        "Blue": 323,
        "White": 0,
        "Red_Intermediate": 299,
        "gold": 0,
        "Handicap": 14
    },
    {
        "Hole": 15,
        "Par": 3,
        "Blue": 186,
        "White": 0,
        "Red_Intermediate": 156,
        "gold": 0,
        "Handicap": 6
    },
    {
        "Hole": 16,
        "Par": 4,
        "Blue": 439,
        "White": 0,
        "Red_Intermediate": 278,
        "gold": 0,
        "Handicap": 2
    },
    {
        "Hole": 17,
        "Par": 4,
        "Blue": 379,
        "White": 0,
        "Red_Intermediate": 333,
        "gold": 0,
        "Handicap": 9
    },
    {
        "Hole": 18,
        "Par": 4,
        "Blue": 318,
        "White": 0,
        "Red_Intermediate": 255,
        "gold": 0,
        "Handicap": 8
    }
]

Scorecard.jsx记分卡.jsx

function Scorecard({ scorecard }) {

let nineHoles = scorecard.length === 9
let frontScorecard = []
let backScorecard = []
let splitScorecard = () => {
    if (!nineHoles) {
        var splitScorecard = Math.ceil(scorecard.length / 2)
        frontScorecard = scorecard.slice(0, splitScorecard)
        backScorecard = scorecard.slice(splitScorecard, scorecard.length)
    } else {
        frontScorecard = scorecard
    }
}

splitScorecard()

let fillScorecard = (holes) => {
    return (holes.map((x, i) => (
        <div key={i}>
            {Object.values(x).map((val, i) => (
                <div className="scorecard-block" key={i}>{val}</div>
            ))}
        </div>
    )))
}

let cardStart =
    <div>{Object.keys(scorecard[0]).map((x) => (
        <div className="scorecard-block">
            {x}
        </div>
    ))}
    </div>

let cardEndFront = <div>
    {nineHoles ?
        <>
            <div className="scorecard-block">
                In
            </div>
            <div className="scorecard-block">
                Total
            </div>
        </>
        :
        <div className="scorecard-block">
            Out
        </div>
    }
    {Object.keys(scorecard).slice(0, 4).map((x) => (
        <div className="scorecard-block">
            {x}
        </div>
    ))}
</div>

let cardEndBack = <>
    <div>
        <div className="scorecard-block">In</div>
        {Object.keys(scorecard).slice(0, 4).map((x) => (
            <div className="scorecard-block">
                {x}
            </div>
        ))}
    </div>

    <div>
        <div className="scorecard-block">Total</div>
        {Object.keys(scorecard).slice(0, 4).map((x) => (
            <div className="scorecard-block">
                {x}
            </div>
        ))}
    </div>
</>

return (
    <>
        <div className="frontnine-data-container">
            {cardStart}
            {fillScorecard(frontScorecard)}
            {cardEndFront}
        </div>
        <br />
        {!nineHoles && <div className="backnine-data-container">
            {cardStart}
            {fillScorecard(backScorecard)}
            {cardEndBack}
        </div>}
    </>
)

2 个解决方案

解决方案1
 0 已采纳  2022-03-01 02:43:26

This should work, note, it ignores 'Hole' for obvious reasons这应该有效，请注意，由于显而易见的原因，它忽略了“Hole” 

 let scorecard1=[{"Hole":1,"Par":4,"Blue":368,"White":349,"Handicap":16},{"Hole":2,"Par":4,"Blue":316,"White":305,"Handicap":14},{"Hole":3,"Par":3,"Blue":169,"White":158,"Handicap":10},{"Hole":4,"Par":4,"Blue":373,"White":351,"Handicap":12},{"Hole":5,"Par":4,"Blue":352,"White":348,"Handicap":6},{"Hole":6,"Par":5,"Blue":493,"White":485,"Handicap":8},{"Hole":7,"Par":4,"Blue":367,"White":356,"Handicap":18},{"Hole":8,"Par":3,"Blue":193,"White":176,"Handicap":4},{"Hole":9,"Par":5,"Blue":562,"White":540,"Handicap":2},{"Hole":10,"Par":4,"Blue":384,"White":369,"Handicap":15},{"Hole":11,"Par":4,"Blue":311,"White":292,"Handicap":11},{"Hole":12,"Par":4,"Blue":421,"White":411,"Handicap":5},{"Hole":13,"Par":3,"Blue":155,"White":148,"Handicap":17},{"Hole":14,"Par":5,"Blue":492,"White":483,"Handicap":7},{"Hole":15,"Par":4,"Blue":425,"White":409,"Handicap":1},{"Hole":16,"Par":5,"Blue":505,"White":479,"Handicap":13},{"Hole":17,"Par":3,"Blue":182,"White":166,"Handicap":9},{"Hole":18,"Par":4,"Blue":437,"White":427,"Handicap":3}]; function scoreTotal(arr) { const addem = array => array.reduce((acc,obj) => { Object.entries(obj).filter(([key]) => key.== 'Hole'),forEach(([key; value]) => acc[key] = (acc[key] || 0) + value); return acc, }; {}). const out9 = addem(scorecard1,slice(0;9)). const in9 = addem(scorecard1;slice(9)), const total = addem([out9; in9]), return { out9, in9; total }. } console;log(scoreTotal(scorecard1));

The function returns an object with out9, in9 and total properties function 返回带有 out9、in9 和总属性的 object

解决方案2
 0  2022-03-01 02:57:35

You can use the reduce() method coupled with Object.entries() as follows:您可以将reduce()方法与Object.entries()结合使用，如下所示： 

 let scorecard1 = [ { "Hole": 1, "Par": 4, "Blue": 368, "White": 349, "Handicap": 16 }, { "Hole": 2, "Par": 4, "Blue": 316, "White": 305, "Handicap": 14 }, { "Hole": 3, "Par": 3, "Blue": 169, "White": 158, "Handicap": 10 }, { "Hole": 4, "Par": 4, "Blue": 373, "White": 351, "Handicap": 12 }, { "Hole": 5, "Par": 4, "Blue": 352, "White": 348, "Handicap": 6 }, { "Hole": 6, "Par": 5, "Blue": 493, "White": 485, "Handicap": 8 }, { "Hole": 7, "Par": 4, "Blue": 367, "White": 356, "Handicap": 18 }, { "Hole": 8, "Par": 3, "Blue": 193, "White": 176, "Handicap": 4 }, { "Hole": 9, "Par": 5, "Blue": 562, "White": 540, "Handicap": 2 }, { "Hole": 10, "Par": 4, "Blue": 384, "White": 369, "Handicap": 15 }, { "Hole": 11, "Par": 4, "Blue": 311, "White": 292, "Handicap": 11 }, { "Hole": 12, "Par": 4, "Blue": 421, "White": 411, "Handicap": 5 }, { "Hole": 13, "Par": 3, "Blue": 155, "White": 148, "Handicap": 17 }, { "Hole": 14, "Par": 5, "Blue": 492, "White": 483, "Handicap": 7 }, { "Hole": 15, "Par": 4, "Blue": 425, "White": 409, "Handicap": 1 }, { "Hole": 16, "Par": 5, "Blue": 505, "White": 479, "Handicap": 13 }, { "Hole": 17, "Par": 3, "Blue": 182, "White": 166, "Handicap": 9 }, {"Hole": 18,"Par": 4,"Blue": 437,"White": 427, "Handicap": 3 }]; let scorecard2 = [ { "Hole": 1, "Par": 4, "Blue": 372, "White": 0, "Red_Intermediate": 301, "gold": 0, "Handicap": 10 }, { "Hole": 2, "Par": 4, "Blue": 394, "White": 0, "Red_Intermediate": 370, "gold": 0, "Handicap": 4 }, { "Hole": 3, "Par": 4, "Blue": 369, "White": 0, "Red_Intermediate": 248, "gold": 0, "Handicap": 5 }, { "Hole": 4, "Par": 4, "Blue": 361, "White": 0, "Red_Intermediate": 275, "gold": 0, "Handicap": 18 }, { "Hole": 5, "Par": 4, "Blue": 297, "White": 0, "Red_Intermediate": 260, "gold": 0, "Handicap": 16 }, { "Hole": 6, "Par": 3, "Blue": 188, "White": 0, "Red_Intermediate": 167, "gold": 0, "Handicap": 13 }, { "Hole": 7, "Par": 4, "Blue": 342, "White": 0, "Red_Intermediate": 245, "gold": 0, "Handicap": 12 }, { "Hole": 8, "Par": 3, "Blue": 184, "White": 0, "Red_Intermediate": 99, "gold": 0, "Handicap": 17 }, { "Hole": 9, "Par": 5, "Blue": 570, "White": 0, "Red_Intermediate": 452, "gold": 0, "Handicap": 1 }, { "Hole": 10, "Par": 4, "Blue": 367, "White": 0, "Red_Intermediate": 303, "gold": 0, "Handicap": 7 }, { "Hole": 11, "Par": 5, "Blue": 481, "White": 0, "Red_Intermediate": 443, "gold": 0, "Handicap": 3 }, { "Hole": 12, "Par": 4, "Blue": 352, "White": 0, "Red_Intermediate": 311, "gold": 0, "Handicap": 11 }, { "Hole": 13, "Par": 4, "Blue": 313, "White": 0, "Red_Intermediate": 264, "gold": 0, "Handicap": 15 }, { "Hole": 14, "Par": 4, "Blue": 323, "White": 0, "Red_Intermediate": 299, "gold": 0, "Handicap": 14 }, { "Hole": 15, "Par": 3, "Blue": 186, "White": 0, "Red_Intermediate": 156, "gold": 0, "Handicap": 6 }, { "Hole": 16, "Par": 4, "Blue": 439, "White": 0, "Red_Intermediate": 278, "gold": 0, "Handicap": 2 }, { "Hole": 17, "Par": 4, "Blue": 379, "White": 0, "Red_Intermediate": 333, "gold": 0, "Handicap": 9 }, { "Hole": 18, "Par": 4, "Blue": 318, "White": 0, "Red_Intermediate": 255, "gold": 0, "Handicap": 8 }]; const totals = scoreboard => scoreboard.reduce( (prev,cur,i) => i === 0? cur: Object.entries(cur).reduce( (ac,[key,value]) => ({...ac,[key]:value+prev[key]}), {} ),{} ); console.log( totals( scorecard1 ) ); console.log( totals( scorecard2 ) ); console.log( [scorecard1, scorecard2].map(s => totals( s )) );

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何将对象中特定键的所有值求和？ - How to sum all of values from specific key in object? 按对象键减少对象数组并对值求和 - Reduce the array of object by object key and sum the values map 如何通过动态键从 object 数组中获取值？ - How to map get values by dynamic key from array of object? 如何按特定对象键对数组中的值求和？ - How to sum values in array by specific object key? JavaScript将数组中每个对象中的所有值求和？ - JavaScript sum all of the values in each object in an array? 将对象数组中对象的所有值求和 javascript - sum all values of an object in an array of objects javascript 将数组中的所有 object 项与 JavaScript 中的动态属性相加 - Sum all object items in array with dynamic property in JavaScript 如何通过一些键求和数组中的对象值？ - How to sum up object values in array by some key? 如何对 object 值的数组求和并将它们分配给相关的键名 - How to sum the array of object values and assigned them to the relevant key name 数组中对象的总和 - Sum Values of Object in a Array
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM