繁体   English   中英

遍历 JS 中的对象数组

[英]Iterate over an object array in JS

我有以下对象:

obj = [
    { 1: 20, 2: 26, 3: 14},
    { 1: 12, 2: 25, 3: 15},
    { 1: 14, 2: 13, 3: 19},
    { 1: 16, 2: 32, 3: 21}
]

我想将每个位置乘以 2,然后将它们添加到每个位置,让我解释一下:我将每个值乘以 2,这是部分结果:

obj = [
    { 1: 40, 2: 52, 3: 28},
    { 1: 24, 2: 50, 3: 30},
    { 1: 28, 2: 26, 3: 38},
    { 1: 32, 2: 72, 3: 42}
]

然后我必须添加每个键并通过在初始对象内的末尾添加一个新数组来添加总数,这应该是最终结果:

obj = [
    { 1: 20, 2: 26, 3: 14},
    { 1: 12, 2: 25, 3: 15},
    { 1: 14, 2: 13, 3: 19},
    { 1: 16, 2: 32, 3: 21},
    { 1: 104, 2: 200, 3: 138}
]
  • 使用 map 迭代每个数组对象(行)。
  • 然后对于该行中的每个键,使用 reduce 将其乘以 2,最后返回该行(包含 2 乘法的结果)
  • 在将每行乘以 2 的同时,我们还计算每行的 key*2 的总和。
  • 将 sumRow 推送到原始对象

 let obj = [ { 1: 20, 2: 26, 3: 14}, { 1: 12, 2: 25, 3: 15}, { 1: 14, 2: 13, 3: 19}, { 1: 16, 2: 32, 3: 21} ] let sumRow = {} let partialRes = obj.map(row => Object.keys(row).reduce((acc, key) => { acc[key] = row[key] * 2 sumRow[key] = sumRow[key] ? sumRow[key] + acc[key] : acc[key] return acc }, {})) obj.push(sumRow) console.log(obj)

使用Object.keys可以获得对象的所有键,使用Array.prototype.forEach可以循环键并进行如下操作。

 const input = [ { 1: 20, 2: 26, 3: 14}, { 1: 12, 2: 25, 3: 15}, { 1: 14, 2: 13, 3: 19}, { 1: 16, 2: 32, 3: 21} ]; const sumObj = {}; input.forEach((item) => { Object.keys(item).forEach((key) => { item[key] *= 2; sumObj[key] ? sumObj[key] += item[key] : sumObj[key] = item[key]; }); }); input.push(sumObj); console.log(input);

您可以使用Array.prototype.reduce()并将结果推送到原始数组中(或以其他方式添加)

 obj = [ { 1: 20, 2: 26, 3: 14}, { 1: 12, 2: 25, 3: 15}, { 1: 14, 2: 13, 3: 19}, { 1: 16, 2: 32, 3: 21} ] console.log(obj); obj.push(obj.reduce((acc, val) => ({ 1: acc[1] + val[1] * 2, 2: acc[2] + val[2] * 2, 3: acc[3] + val[3] * 2 }), {1: 0, 2: 0, 3: 0})); console.log(obj);

暂无
暂无

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

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM