Convert array to object using array values for object key value pairs

Question

I have an array:

const arr = [ 'name=Jon', 'weapon=sword', 'hair=shaggy' ]

And I want to convert it to an object like this:

const obj = { name: 'Jon', weapon: 'sword', hair: 'shaggy' }

I've tried splitting the array by the = to get the key and value and then mapping the new array and sending those values to an empty object but it doesn't get the right key

const split = arr.map( el => el.split('=') )
let obj = {};
split.map( el => {
  const key = el[0];
  const val = el[1];
  obj.key = val;
  }
)

obj returns as {key: 'shaggy'}

CertainPerformance · Accepted Answer · 2019-05-21 01:12:35Z

4

Generally, to convert an array into an object, the most appropriate method to use is .reduce:

const arr = [ 'name=Jon', 'weapon=sword', 'hair=shaggy' ];
const obj = arr.reduce((a, str) => {
  const [key, val] = str.split('=');
  a[key] = val;
  return a;
}, {});
console.log(obj);

You should only use .map when you need to create a new array by carrying out an operation on every item in the old array, which is not the case here.

answered May 21, 2019 at 1:12

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

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

Comments

Code Maniac · Accepted Answer · 2019-05-21 01:39:38Z

3

You can use Object.fromEntries

const arr = [ 'name=Jon', 'weapon=sword', 'hair=shaggy' ]

const obj = Object.fromEntries(arr.map(v => v.split('=')))

console.log(obj)

answered May 21, 2019 at 1:39

Code Maniac

37.9k5 gold badges44 silver badges65 bronze badges

Collectives™ on Stack Overflow

Convert array to object using array values for object key value pairs

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related