How to convert Array Object to Object in React native

Question

I called API Called and fetch the array like this.

0:
2019-07-25: {title: "Sub task for 11"}
__proto__: Object
1: {2019-07-19: {…}}
2: {2019-07-24: {…}}
3: {2019-07-26: {…}}
4: {2019-07-25: {…}}
5: {2019-07-24: {…}}
6: {2019-07-25: {…}}
7: {2019-07-25: {…}}

I want convert above object array to the object. Like below..

     "2019-07-25": {title: "Sub task for 11"},
     "2019-07-19": {title: "Sub task for 12"},
     "2019-07-24": {title: "Sub task for 13"},
     "2019-07-26": {title: "Sub task for 14"}

I tried but I can not convert like this. Please anyone know how to convert this help me. Thank you

please post the code also you have tried so far – Code Maniac Jul 13 '19 at 05:58 — Code Maniac, Jul 13 '19 at 05:58

score 5 · Answer 1 · answered Jul 13 '19 at 06:10

5

You can use Object.assign() and spread syntax like this:

const input = [
  { "2019-07-25": { title: "Sub task for 11" } },
  { "2019-07-19": { title: "Sub task for 12" } },
  { "2019-07-24": { title: "Sub task for 13" } }
];

const output = Object.assign({}, ...input)

console.log(output)

answered Jul 13 '19 at 06:10

adiga

34,372
9
61
83

Hello and if it comes from an iteration how could I iterate all? @adiga – DanyMartinez_ Apr 16 '21 at 21:56
@DanyMartinez_ what you mean by *comes from an iteration*? Can you add some code? – adiga Apr 17 '21 at 07:49

score 1 · Answer 2 · answered Jul 13 '19 at 06:13

You can use reduce to achieve this

var res = [
  { "2019-07-25": { title: "Sub task for 11" } },
  { "2019-07-19": { title: "Sub task for 12" } },
  { "2019-07-24": { title: "Sub task for 13" } }
].reduce((a, b) => ({ ...a, ...b }))
     
console.log(res)

How to convert Array Object to Object in React native

2 Answers2