How to get values from key/value array in JavaScript or jQuery

Question

I have a JSON string.

var obj = {"cities":[{"city_name":"abc"},{"city_name":"xyz"}]}

How can I get the values for the key city_name, using JavaScript or JQuery, and get another array like:

["abc","xyz"]

I tried many ways but couldn't figure out.

Possible duplicate of hash keys / values as array

ColinE
– ColinE

2016-02-22 16:48:02 +00:00
Commented Feb 22, 2016 at 16:48 — ColinE
– ColinE, Commented Feb 22, 2016 at 16:48

Oleksandr T. · Accepted Answer · 2016-02-22 16:41:47Z

8

You can use .map

var obj = {"cities":[{"city_name":"abc"},{"city_name":"xyz"}]}
var result = obj.cities.map(function (el) {
   return el.city_name;
});
console.log(result);

if you use ES2015 you can also use .map with arrow function

var result = obj.cities.map(el => el.city_name);

Example

answered Feb 22, 2016 at 16:41

Oleksandr T.

77.6k17 gold badges177 silver badges145 bronze badges

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

1 Comment

Ravi Teja Over a year ago

Thank you very much @Alexander . It made things so easy.

Shashank · Accepted Answer · 2016-02-22 16:48:24Z

1

You can use like:

var newObj = [];
$.each(obj.cities,function(k,v){
  newObj.push(v.city_name);
});
console.log(newObj);

answered Feb 22, 2016 at 16:48

Shashank

2,1002 gold badges21 silver badges40 bronze badges

Collectives™ on Stack Overflow

How to get values from key/value array in JavaScript or jQuery

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related