Array of objects iteration to get key and value

Question

I have an array of objects. I want to efficiently extract keys and its value out of it.

Example:

let data = [{'Car':'Honda'}, {'car':'Volvo'}];

I want car as key and its values separately. How I can achieve it in efficient manner (even using lodash)?

Expected output will be:

key : Car  value : Honda
key : car  value : Volvo

What is expected output? keys and values in which format? in array, in combined object? — Zohaib Ijaz
– Zohaib Ijaz, Commented Jul 12, 2018 at 20:01
What is your expected output? What have you tried so far? We can't help you if you don't show your work. — Soviut
– Soviut, Commented Jul 12, 2018 at 20:01
do you mean something like this? data.map(Object.entries); — Thomas
– Thomas, Commented Jul 12, 2018 at 20:13

Sushanth -- · Accepted Answer · 2018-07-13 17:56:25Z

4

You can iterate over the array and access the key and the value of properties for each object in question.

let data = [{
  'Car': 'Honda',
  'hello': 'hi'
}, {
  'car': 'Volvo'
}];

data.forEach((obj) => {
	Object.keys(obj).forEach((key) => {
  		console.log("key : " + key + " - value : " + obj[key]);
  });
});

lodash snippet

let data = [{
  'Car': 'Honda',
  'hello': 'hi'
}, {
  'car': 'Volvo'
}];

_.forEach(data, (obj) => {
	_.forEach(Object.keys(obj), (key) => {
  		console.log("key : " + key + " - value : " + obj[key]);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.10/lodash.core.min.js"></script>

edited Jul 13, 2018 at 17:56

answered Jul 12, 2018 at 20:06

Sushanth --

55.8k9 gold badges70 silver badges109 bronze badges

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

1 Comment

Deepender Sharma Over a year ago

this is what i am also doing, but i need something more efficient. Can you give me some example with use of lodash?

Geuis · Accepted Answer · 2018-07-12 20:15:46Z

1

Object.entries https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries

const newArray = data.map((item) => Object.entries(item));
// [[['Car', 'Honda']], [['car', 'Volvo']]]

answered Jul 12, 2018 at 20:15

Geuis

42.5k57 gold badges164 silver badges223 bronze badges

Comments

zfrisch · Accepted Answer · 2018-07-12 20:18:01Z

1

You can use Object.entries(obj) to iterate over the keys and values.

data.forEach((obj) => 
Object.entries(obj).forEach(([key, value]) => 
console.log(key, value)));

let data = [{
  'Car': 'Honda',
  'hello': 'hi'
}, {
  'car': 'Volvo'
}];

data.forEach((obj) => 
Object.entries(obj).forEach(([key, value]) => 
console.log(key, value)));

answered Jul 12, 2018 at 20:18

zfrisch

8,6901 gold badge26 silver badges39 bronze badges

Comments

Pritam Banerjee · Accepted Answer · 2018-07-12 20:18:53Z

0

Plain and simple way to do it would be:

var data = [{
  'Car': 'Honda'
}, {
  'Car': 'Volvo'
}];

var j = 0;
var carNames= [];
for (var i = 0; i < data.length; i++){
   var nameOfCar = data[i];
   if(nameOfCar.hasOwnProperty('Car')){
      carNames[j] = nameOfCar['Car'];
      j++;
   }
}


console.log(carNames);

answered Jul 12, 2018 at 20:18

Pritam Banerjee

19.1k10 gold badges97 silver badges113 bronze badges

3 Comments

aloisdg Over a year ago

I wont call this a 'plain and simple way' though

Pritam Banerjee Over a year ago

@aloisdg Why not? OP does not know to loop through an array. To understand for each loop as a novice is difficult, but with for loop it's much easier.

aloisdg Over a year ago

I dont know what OP is looking for and I dont know OP's background.

Collectives™ on Stack Overflow

Array of objects iteration to get key and value

4 Answers 4

1 Comment

Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related