How to get an array of objects from an array of key-value pair arrays

Question

I have an array of arrays like so:

var arr = 
[
["Id", "0011900000YDtPXAA1"],
["Name", "account 50"],
["OwnerId", "005190000023IPPAA2"],
["Industry", "Manufacturing"],
["Phone", "312-552-4450"],
["Id", "0011900000YDtPbAAL"],
["Name", "account 54"],
["OwnerId", "005190000023IPPAA2"],
["Industry", "Manufacturing"],
["Phone", "312-552-4454"]
]

I need each subarray to be an object containing one key-value pair.

[
{"Id": "0011900000YDtPXAA1"},
{"Name": "account 50"},
...
]

I tried

var objArr = new Map(arr);

This produces the key value pairs I need, but puts them all in the same object. How can I get an array of smaller objects consisting of one k-v pair each?

vardius · Accepted Answer · 2018-02-02 02:49:45Z

3

I would do something like:

1. Arrow function

var arr = [
  ["Id", "0011900000YDtPXAA1"],
  ["Name", "account 50"],
  ["OwnerId", "005190000023IPPAA2"],
  ["Industry", "Manufacturing"],
  ["Phone", "312-552-4450"],
  ["Id", "0011900000YDtPbAAL"],
  ["Name", "account 54"],
  ["OwnerId", "005190000023IPPAA2"],
  ["Industry", "Manufacturing"],
  ["Phone", "312-552-4454"]
];

const newArr = arr.map(innerArr => ({[innerArr[0]]: innerArr[1]}));

console.log(newArr);

2. Not arrow function

var arr = [
  ["Id", "0011900000YDtPXAA1"],
  ["Name", "account 50"],
  ["OwnerId", "005190000023IPPAA2"],
  ["Industry", "Manufacturing"],
  ["Phone", "312-552-4450"],
  ["Id", "0011900000YDtPbAAL"],
  ["Name", "account 54"],
  ["OwnerId", "005190000023IPPAA2"],
  ["Industry", "Manufacturing"],
  ["Phone", "312-552-4454"]
];

const newArr = arr.map(function (innerArr) { return {[innerArr[0]]: innerArr[1]}; });

console.log(newArr);

The map() method creates a new array with the results of calling a provided function on every element in the calling array.

edited Feb 2, 2018 at 2:49

answered Feb 2, 2018 at 2:06

vardius

6,6469 gold badges59 silver badges103 bronze badges

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

2 Comments

kamoroso94 Over a year ago

You have a syntax error. {innerArr[0]: innerArr[1]} should be {[innerArr[0]]: innerArr[1]}.

greghubdub Over a year ago

I used the arrow function after your edit. It works perfectly. Thank you!

zolamk · Accepted Answer · 2018-02-02 02:14:32Z

0

you could use a traditional for loop for this

var arr = [
  ["Id", "0011900000YDtPXAA1"],
  ["Name", "account 50"],
  ["OwnerId", "005190000023IPPAA2"],
  ["Industry", "Manufacturing"],
  ["Phone", "312-552-4450"],
  ["Id", "0011900000YDtPbAAL"],
  ["Name", "account 54"],
  ["OwnerId", "005190000023IPPAA2"],
  ["Industry", "Manufacturing"],
  ["Phone", "312-552-4454"]
];

var arr2 = [];

for (var i = 0; i < arr.length; i++) {

  var sub = {};
  
  sub[arr[i][0]] = arr[i][1];

  arr2.push(sub);

}

console.log(arr2);

answered Feb 2, 2018 at 2:14

zolamk

6,58710 gold badges36 silver badges52 bronze badges

Collectives™ on Stack Overflow

How to get an array of objects from an array of key-value pair arrays

2 Answers 2

1. Arrow function

2. Not arrow function

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1. Arrow function

2. Not arrow function

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related