Converting array of objects into a single object

Question

This is my initial array:

[ 
   { 
    id: 1,
    name: 'pos',
    code: 'pos123',
    appCode: 22,
   },
  { 
    id: 2,
    name: 'tailor',
    code: 'tailor123',
    appCode: 21,
  } 
]

My desired output:

{
   pos123: {
    id: 1,
    name: 'pos',
    code: 'pos123',
    appCode: 22,
  },
  tailor123: {
    id: 2,
    name: 'tailor',
    code: 'tailor123',
    appCode: 21,
  },
}

I tried doing this with map, but I couldn't figure it out. Should I be using reduce here?

CertainPerformance · Accepted Answer · 2018-06-04 06:18:01Z

3

Your output is not an array - it's an object, so you have to use reduce. You can only use map to turn X number of items in an array into X number of items in another array.

const input=[{id:1,name:'pos',code:'pos123',appCode:22,},{id:2,name:'tailor',code:'tailor123',appCode:21,}]
const output = input.reduce((a, obj) => {
  a[obj.code] = obj;
  return a;
}, {});
console.log(output);

edited Jun 4, 2018 at 6:18

answered Jun 4, 2018 at 6:14

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

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

4 Comments

Sameer Over a year ago

Sorry, i forget to put, i also need code object inside main object!

CertainPerformance Over a year ago

Edited. (Try to make sure you post your actual desired output in questions the first time)

KooiInc Over a year ago

obj.code is redundantly included in the new objects

CertainPerformance Over a year ago

@KooiInc It was originally excluded, but OP asked for it, see comment above

mickl · Accepted Answer · 2018-06-04 06:25:56Z

1

You can use Object.assign mapping your array to expected shape of keys and values. Try:

let array = [ 
   { 
    id: 1,
    name: 'pos',
    code: 'pos123',
    appCode: 22,
   },
  { 
    id: 2,
    name: 'tailor',
    code: 'tailor123',
    appCode: 21,
  } 
];

let output = Object.assign(...array.map(x => ({ [x.code]: x })));

console.log(output);

edited Jun 4, 2018 at 6:25

answered Jun 4, 2018 at 6:13

mickl

50.1k9 gold badges71 silver badges99 bronze badges

4 Comments

Sameer Over a year ago

you are putting appCode, name static, but my json contains more than 20 datas?

mickl Over a year ago

@MohamedSameer updated, you can use destructuring here

Sameer Over a year ago

Sorry, i forget to put, i also need code object inside main object!

mickl Over a year ago

@MohamedSameer okay, so it's easier. Please modify your original post

Dhaval Chaudhary · Accepted Answer · 2023-01-24 12:32:38Z

1

var yourArray = [ 
 { 
  id: 1,
  name: 'pos',
  code: 'pos123',
  appCode: 22,
  },
 {  
  id: 2,
  name: 'tailor',
  code: 'tailor123',
  appCode: 21,
 } 
];

//this is what you required
var output =  yourArray.reduce((obj, item) => {
  obj[obj.code] =item;
  return obj;
}, {});

edited Jan 24, 2023 at 12:32

answered Jun 4, 2018 at 6:14

Dhaval Chaudhary

5,9853 gold badges28 silver badges42 bronze badges

Comments

brk · Accepted Answer · 2018-06-04 06:15:25Z

0

Use array reduce function

var data = [{
    id: 1,
    name: 'pos',
    code: 'pos123',
    appCode: 22,
  },
  {
    id: 2,
    name: 'tailor',
    code: 'tailor123',
    appCode: 21,
  }
]

var modData = data.reduce(function(acc, curr) {
  //acc is the empty array passed as argument
  // if empty array does not have a property pos123 or so 
  // create a key by this name
  if (!acc.hasOwnProperty(curr.code)) {
    // then add property to it
    acc[curr.code] = {
      id: curr.id,
      name: curr.name,
      appCode: curr.appCode
    }
  }

  return acc;

}, {})

console.log(modData)

answered Jun 4, 2018 at 6:15

brk

50.3k10 gold badges59 silver badges85 bronze badges

Comments

Matus Dubrava · Accepted Answer · 2018-06-04 06:18:33Z

0

Using loop you can do this.

const resp = [
   {
    id: 1,
    name: 'pos',
    code: 'pos123',
    appCode: 22,
   },
  {
    id: 2,
    name: 'tailor',
    code: 'tailor123',
    appCode: 21,
  }
]

let res = {};

for (let i = 0; i < resp.length; i++) {
  res[resp[i]['code']] = {
    id: resp[i]['id'],
    name: resp[i]['name'],
    appCode: resp[i]['appCode'],
    code: resp[i]['code']
  }
}

console.log(res);

answered Jun 4, 2018 at 6:18

Matus Dubrava

14.6k3 gold badges44 silver badges60 bronze badges

Comments

KooiInc · Accepted Answer · 2018-06-04 06:47:19Z

0

Seems the other solutions include 'code'-property in the resulting object. This one doesn't

const test = [ 
  { 
   id: 1,
   name: 'pos',
   code: 'pos123',
   appCode: 22,
  }, { 
   id: 2,
   name: 'tailor',
   code: 'tailor123',
   appCode: 21,
  } 
];
const test2 = JSON.parse(JSON.stringify(test));
const result = document.querySelector("#result");

result.textContent = "**No redundancy\n" + JSON.stringify(
  test.reduce( (newObj, el) => 
    (newObj[el.code] = delete el.code && el) && newObj, {} 
  ), null, " ");

// alternative
result.textContent += "\n\n**Alternative\n" + JSON.stringify(
  test2.reduce( (newObj, el) => (newObj[el.code] = el) && newObj, {}
  ), null, " ");

<pre id="result"></pre>

edited Jun 4, 2018 at 6:47

answered Jun 4, 2018 at 6:33

KooiInc

124k32 gold badges145 silver badges181 bronze badges

Collectives™ on Stack Overflow

Converting array of objects into a single object

6 Answers 6

4 Comments

4 Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

4 Comments

4 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related