How to turn array of objects in unique array?

Question

This is my initial data:

const data = [
   {
      "user":{
         "amount":"1",
         "date":"2020-07-31T18:34:48.635Z",
         "shiftSelected":"10:00"
      }
   },
   {
      "user":{
         "name":"Name",
         "surname":"aaa",         
         "obs":"eee"
      }
   }
]

I'm trying to turn an array of objects in unique array. This is my output:

const newData = {
  amount: "1",
  date: "2020-07-31T18:34:48.635Z",
  shiftSelected: "10:00",
  name: "Name",
  surname:"aaa",         
  obs:"eee"    
}

I can iterate over the array with a map call: let b = data.map(item => item.user), but I need to write more code to join then. I know that it's possible to do it with one unique logic. I tried but without successful.

Unmitigated · Accepted Answer · 2020-07-22 19:13:41Z

2

You can use reduce with Object.assign to merge the properties of the objects. Note that with this method, later properties will overwrite previous ones.

const data = [
   {
      "user":{
         "amount":"1",
         "date":"2020-07-31T18:34:48.635Z",
         "shiftSelected":"10:00"
      }
   },
   {
      "user":{
         "name":"Name",
         "surname":"aaa",         
         "obs":"eee"
      }
   }
];
const result = data.reduce((acc,{user})=>Object.assign(acc,user), {});
console.log(result);

Object spread syntax will also work.

const data = [
   {
      "user":{
         "amount":"1",
         "date":"2020-07-31T18:34:48.635Z",
         "shiftSelected":"10:00"
      }
   },
   {
      "user":{
         "name":"Name",
         "surname":"aaa",         
         "obs":"eee"
      }
   }
];
const result = data.reduce((acc,{user})=>({...acc, ...user}), {});
console.log(result);

answered Jul 22, 2020 at 19:13

Unmitigated

91.4k12 gold badges102 silver badges109 bronze badges

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

2 Comments

Zkk Over a year ago

Thank you so much!

Unmitigated Over a year ago

@Zkk Happy to help.

AlexAV-dev · Accepted Answer · 2020-07-22 19:15:59Z

1

const data = [
   {
      "user":{
         "amount":"1",
         "date":"2020-07-31T18:34:48.635Z",
         "shiftSelected":"10:00"
      }
   },
   {
      "user":{
         "name":"Name",
         "surname":"aaa",         
         "obs":"eee"
      }
   }
]

let b = data.reduce((acc, rec) => {
  const { user } = rec
  return { ...acc, ...user}
}, {} )

console.log(b)

answered Jul 22, 2020 at 19:15

AlexAV-dev

1,1756 silver badges14 bronze badges

Comments

SoR · Accepted Answer · 2020-07-22 19:26:37Z

0

use this after map over datas this is not a logic but.....

const x = data.map(obj => obj.user);

function flatObj(arr) {
  const res = {};
  arr.forEach(y => {
    for(const key in y) {
      res[key] = y[key];
    }
  })
  return res;
}

const resault = flatObj(x);

answered Jul 22, 2020 at 19:26

SoR

943 silver badges13 bronze badges

Comments

Shahid Ali · Accepted Answer · 2023-12-21 18:42:38Z

0

Lets say you have this array of objects. We can make it unique with reduce.

function unique(arr, key) {
    return arr.reduce((a, d) => {
        if (!a.find(ae => ae[key] === d[key]))
            a.push(d)
        return a;
    }, [])
}

let users = [
    {
        id: 0,
        name: 'name1',
        age: 10
    },
    {
        id: 1,
        name: 'name2'
    },
    {
        id: 1,
        name: 'name2'
    }
];

users = unique(users, 'id')

answered Dec 21, 2023 at 18:42

Shahid Ali

1271 silver badge7 bronze badges

Collectives™ on Stack Overflow

How to turn array of objects in unique array?

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

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

Related