reduce array of objects

Question

I have an array of objects. I would concatenate items as follow:

obj2 = [{ rowNumber:33, rows:[{item1:'ItemOne'}]}, { rowNumber:44, rows:[{item2:'ItemTwo'}]}]  
===> new obj = [{ rowNumber:77, rows:[{item1:'ItemOne'},{item2:'ItemTwo'}]}]

Here's my code

let newobj=obj2.reduce((current , next)=> {
     current.rowNumber+next.rowNumber;
     current.rows.push(next.rows);
     return next;
});
console.log(JSON.stringify(newobj))

What actually get this only the second element

{"rowNumber":44,"rows":[{"item2":"ItemTwo"}]}

PS: I'm using Typescript

slider · Accepted Answer · 2018-10-22 20:21:03Z

4

You are not updating the current object (which should actually be called accumulator). Also, you're pushing to current but returning next. Here's a fixed version.

let obj2 = [{ rowNumber:33, rows:[{item1:'ItemOne'}]}, { rowNumber:44, rows:[{item2:'ItemTwo'}]}];

let newobj = obj2.reduce((current , next) => {
     current.rowNumber += next.rowNumber;
     current.rows.push(...next.rows);
     return current;
});
console.log(JSON.stringify(newobj))

I would fix the variable names in the reduce function to (acc, current) => {...} just to adhere to convention and so that it's clear that you want to use current to update acc and then return acc.

edited Oct 22, 2018 at 20:21

answered Oct 22, 2018 at 20:12

slider

13.1k1 gold badge29 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

infodev Over a year ago

When using TS I get this waring in VS Code

[ts] Cannot invoke an expression whose type lacks a call signature. Type '((...items: { item1: string; }[]) => number) | ((...items: { item2: string; }[]) => number)' has no compatible call signatures.

slider Over a year ago

@infodev I don't think I can help you without more information. Perhaps you want to take a look at stackoverflow.com/questions/39691889/… ?

Calvin Nunes · Accepted Answer · 2018-10-22 20:12:27Z

1

If you know the structure of your obj2 array, you can go with the below solution, that will have be single object in the final with the sum of rowNumbers and an array of rows.

take a look, please:

let obj2 = [{ rowNumber:33, rows:[{item1:'ItemOne'}]}, { rowNumber:44, rows:[{item2:'ItemTwo'}]}]

let singleObj = {
  rowNumber: 0,
  rows: [],
}
for (let obj of obj2){
  singleObj.rowNumber += obj.rowNumber;
  if (obj.hasOwnProperty('rows')){
    for (var row of obj.rows){
      singleObj.rows.push(row)
    }
  }
}
//HERE YOU CAN STRINGIFY() IT
console.log(singleObj)

answered Oct 22, 2018 at 20:12

Calvin Nunes

6,4915 gold badges24 silver badges54 bronze badges

Comments

Calvin Nunes · Accepted Answer · 2018-10-22 20:30:17Z

1

I believe it is because you are trying to input the last element, next, to the first element, current.

As you know, Reduce functions allow you to take an array and returns a single value. It evaulates each element on the array one at a time, using the last value to get a new value.

So you should do something like this:

let obj2 = [{ rowNumber:33, rows:[{item1:'ItemOne'}]}, { rowNumber:44,   rows:[{item2:'ItemTwo'}]}];

let newobj=obj2.reduce((current , next)=> {
 next.rowNumber += current.rowNumber;
 next.rows.push(current.rows);
 return next;
});

console.log(newobj)

edited Oct 22, 2018 at 20:30

Calvin Nunes

6,4915 gold badges24 silver badges54 bronze badges

answered Oct 22, 2018 at 20:14

Daniel Choi

1941 silver badge5 bronze badges

Comments

wc_coder · Accepted Answer · 2018-10-22 20:09:51Z

0

Try using the Javascript Array.concat() method instead of push()

You can check it out here:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/concat

answered Oct 22, 2018 at 20:09

wc_coder

881 silver badge6 bronze badges

Collectives™ on Stack Overflow

reduce array of objects

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related