Take object name from array

Question

I have some object with name and variables.

var data = [ {   "id": 144,
    "name": "Zagreb",
    "region": "",
    "iso": "HR",
    "country": "Croatia"},
{   "id": 145,
    "name": "Wellington",
    "region": "",
    "iso": "NZ",
    "country": "New Zealand"}];

For render dropdown I need only "name" and "country".

But, object can have other names with variables. Which I know. So I have idea, write names that needs to render in array like.

var renderNames = ['name', 'country'];

At this moment i've stopped. I don't know how to get value from object using names from array. As I see, it's must be something like that:

data.name == data. (do something) renderNames[1];

how do you want your output to look like?

gurvinder372
– gurvinder372

2016-03-29 11:36:14 +00:00
Commented Mar 29, 2016 at 11:36 — gurvinder372
– gurvinder372, Commented Mar 29, 2016 at 11:36

gurvinder372 · Accepted Answer · 2016-03-29 11:38:18Z

2

For render dropdown I need only "name" and "country".

If you want an array of names from this array

var names = data.map(function(value){return value.name});

similarly, for array of country

var countries = data.map(function(value){return value.country});

answered Mar 29, 2016 at 11:38

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

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

2 Comments

Rayon Over a year ago

My guess is OP wants keys to be accessed from array

gurvinder372 Over a year ago

@RayonDabre maybe, but since he mentioned only that I need only "name" and "country" I am assuming that he somehow wants to use these two values for his dropdown rendering.

Pimmol · Accepted Answer · 2016-03-29 11:45:25Z

1

If you want an array with objects including name and country, this can work:

var dropdowns = data.map(function(obj) {
    return {
    country: obj.country,
    name: obj.name
  };
});

https://jsfiddle.net/w0ggxc3m/

answered Mar 29, 2016 at 11:45

Pimmol

1,8911 gold badge10 silver badges14 bronze badges

Comments

gmaliar · Accepted Answer · 2016-03-29 11:38:27Z

0

How about using Lodash? https://lodash.com

Then it's easy

_.map(data, function(obj) {
  return _.pick(obj, ['name', 'country']);
});

answered Mar 29, 2016 at 11:38

gmaliar

5,4791 gold badge30 silver badges36 bronze badges

Comments

Sede · Accepted Answer · 2016-03-29 12:36:10Z

0

You can also use arrow function expression new in ES6

var data = [ {   "id": 144,
    "name": "Zagreb",
    "region": "",
    "iso": "HR",
    "country": "Croatia"},
{   "id": 145,
    "name": "Wellington",
    "region": "",
    "iso": "NZ",
    "country": "New Zealand"}];
data.map(element => element.name) // return an array of names
//[ "Zagreb", "Wellington" ]
data.map(element => element.country) // return an array of country
//[ "Croatia", "New Zealand" ]    
data.map(element => [element.name, element.country]) // return 2d array of name, country
// [ [ "Zagreb", "Croatia" ], [ "Wellington", "New Zealand" ] ]

or return an array of objects where properties are "name" and "country"

data.map( element => { return { "name": element.name, "country": element.country }; })

which yields:

[
        {
                "name" : "Zagreb",
                "country" : "Croatia"
        },
        {
                "name" : "Wellington",
                "country" : "New Zealand"
        }
]

edited Mar 29, 2016 at 12:36

answered Mar 29, 2016 at 11:42

Sede

61.5k20 gold badges158 silver badges162 bronze badges

1 Comment

Tom Crockett Over a year ago

And with destructuring, data.map(element => element.name) can be written as data.map(({ name }) => name)

Collectives™ on Stack Overflow

Take object name from array

4 Answers 4

2 Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related