javascript object get array of values from array of keys

Question

I have an array of keys: var keys = ["key1","key2","key3"] and an array of Objects:

var objArr= [
    {"key0":1,"key1":2,"key2":3,"key3":4},
    {"key0":5,"key1":6,"key2":7,"key3":8}
]

I want to be able to get the values from the array of objects based off the array of keys. For example, the output of this would be valueArr = [[2,3,4],[6,7,8]]

I've tried the following:

var result = objArr.map(function(a) {
    for (var i=0;i<keys.length;i++){
        return a[keys[i]];
    };
})

but this returns [2,6] because its just returning the first value it gets to. I'm not sure how to fix it so any help is appreciated, thanks!

Rayon · Accepted Answer · 2016-07-28 20:03:19Z

3

Push value in array and return array from Array#map

var keys = ["key1", "key2", "key3"];
var objArr = [{
  "key0": 1,
  "key1": 2,
  "key2": 3,
  "key3": 4
}, {
  "key0": 5,
  "key1": 6,
  "key2": 7,
  "key3": 8
}];

var result = objArr.map(function(a) {
  var arr = [];
  for (var i = 0; i < keys.length; i++) {
    arr.push(a[keys[i]]);
  };
  return arr;
});
console.log(result);

Or using Array#map inside Array#map

var keys = ["key1", "key2", "key3"];
var objArr = [{
  "key0": 1,
  "key1": 2,
  "key2": 3,
  "key3": 4
}, {
  "key0": 5,
  "key1": 6,
  "key2": 7,
  "key3": 8
}];

var result = objArr.map(function(a) {
  return keys.map(function(key) {
    return a[key];
  });
});
console.log(result);

edited Jul 28, 2016 at 20:03

answered Jul 28, 2016 at 20:00

Rayon

36.6k5 gold badges54 silver badges78 bronze badges

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

2 Comments

Scott Selby Over a year ago

same thing , you beat me

Rayon Over a year ago

@ScottSelby You did ... ;)

Scott Selby · Accepted Answer · 2016-07-28 20:00:52Z

1

don't return too early , the loop only went through the first item :

var result = objArr.map(function(a) {
    var resp = [];
    for (var i=0;i<keys.length;i++){
        resp.push(a[keys[i]]);            
    };
    return resp;
})

answered Jul 28, 2016 at 20:00

Scott Selby

9,58012 gold badges63 silver badges97 bronze badges

Comments

CarlosCarucce · Accepted Answer · 2016-07-28 20:10:42Z

1

As an alternative, you can use Object.values() function, as suggested here. Example:

var objArr= [
    {"key0":1,"key1":2,"key2":3,"key3":4},
    {"key0":5,"key1":6,"key2":7,"key3":8}
];

for(var i in objArr){
    objArr[i] = Object.values(objArr[i]);
}

This is not supported by Internet Explorer, Opera or Safari at the moment though

edited Jul 28, 2016 at 20:10

answered Jul 28, 2016 at 20:05

CarlosCarucce

3,6093 gold badges31 silver badges56 bronze badges

Comments

Nina Scholz · Accepted Answer · 2016-07-28 20:10:52Z

1

You coud use nested Array#map.

var keys = ["key1", "key2", "key3"],
    objArr = [{ "key0": 1, "key1": 2, "key2": 3, "key3": 4 }, { "key0": 5, "key1": 6, "key2": 7, "key3": 8 }],
    result = objArr.map(function (a) {
        return keys.map(function (k) {
            return a[k];
        });
    });

console.log(result);

ES6

var keys = ["key1", "key2", "key3"],
    objArr = [{ "key0": 1, "key1": 2, "key2": 3, "key3": 4 }, { "key0": 5, "key1": 6, "key2": 7, "key3": 8 }],
    result = objArr.map(a => keys.map(k => a[k]));

console.log(result);

answered Jul 28, 2016 at 20:10

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

1 Comment

DavidDomain Over a year ago

Really like the ES6 variant ;) +1

Daniel Waghorn · Accepted Answer · 2016-07-28 20:01:38Z

0

You need to push the values onto an array, return will immediately break out of execution and return the value.

Try this:

var result = objArr.map(function(a) {
    var res = [];
    for (var i=0;i<keys.length;i++){
        res.push(a[keys[i]]);
    };
    return res;
})

answered Jul 28, 2016 at 20:01

Daniel Waghorn

2,9852 gold badges22 silver badges34 bronze badges

Collectives™ on Stack Overflow

javascript object get array of values from array of keys

5 Answers 5

2 Comments

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related