javascript - how do i flatten an array of json into an array of a particular json attributes?

Question

So lets say i have an array like so

[ 
    {name: "a", happyName: "bob" }
    , {name: "b", happyName: "cow" }
    , {name: "c", happyName: "moo" }
    , {name: "d", happyName: "jen" }
]

What is the most efficient manner to flatten it to an array like so:

[ "a","b","c","d"]

(or alternatively to get only the happyName in the values instead - to be precise, i suppose, how would i flatten some given array into an array of some given named json attribute?)

NB this is javascript only, no JQuery etc stuff please.

jmar777 · Accepted Answer · 2014-03-31 23:34:47Z

3

This is a good use case for map():

var names = theArray.map(function(item) {
    return item.name;
});

var happyNames = theArray.map(function(item) {
    return item.happyName;
});

If you have to do this a lot, it's quite easy to create a helper:

var names = values(theArray, 'name'),
    happyNames = values(theArray, 'happyName');

function values(arr, attr) {
    return arr.map(function(item) {
        return item[attr];
    });
}

answered Mar 31, 2014 at 23:34

jmar777

39.8k11 gold badges68 silver badges66 bronze badges

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

Comments

adeneo · Accepted Answer · 2014-03-31 23:34:52Z

2

You can use Array.map for that

var names = arr.map(function(obj) {
    return obj.name;
});

FIDDLE

answered Mar 31, 2014 at 23:34

adeneo

319k29 gold badges410 silver badges392 bronze badges

Comments

vittore · Accepted Answer · 2014-03-31 23:35:17Z

1

var arr = [ 
 {name: "a", happyName: "bob" }
 , {name: "b", happyName: "cow" }
 , {name: "c", happyName: "moo" }
 , {name: "d", happyName: "jen" }
]

var names = arr.map(function(e) { return e.name } )

answered Mar 31, 2014 at 23:35

vittore

17.6k6 gold badges46 silver badges84 bronze badges

Comments

Josh Beam · Accepted Answer · 2014-03-31 23:36:16Z

1

.map() is a cool method, but keep in mind it's not compatible with legacy IE (<9). If you want something that'll work everywhere, go for this:

var arrayOfObjects = [ 
    {name: "a", happyName: "bob" },
    {name: "b", happyName: "cow" },
    {name: "c", happyName: "moo" },
    {name: "d", happyName: "jen" }
],
array = [],
i = 0,
len = arrayOfObjects.length;

for(;i<len;i++) {
    array.push(arrayOfObjects[i].name);
}

// output => [ "a","b","c","d"]

answered Mar 31, 2014 at 23:36

Josh Beam

19.9k5 gold badges48 silver badges69 bronze badges

Collectives™ on Stack Overflow

javascript - how do i flatten an array of json into an array of a particular json attributes?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related