javascript - extract array from json object

Question

Let say We have the following json object:

[{"a1" : "a1Val", "a2" : "a2Val", "a3" : "a3Val"}, 
 {"b1" : "b1Val", "b2" : "b2Val", "b3" : "b3Val"},

 ....

 {"z1" : "z1Val", "z2" : "z2Val", "z3" : "z3Val"}]

How can we retrieve from this object array of only X2 key value pairs.

meaning, the following result:

 [ {"a2" : "a2Val"}, {"b2" : "b2Val"}, ... ,{ "z2" : "z2Val"}]

within the best performance.

The key does not have to contains number.

What I need here is a function that will recieve parameter - i and return an array of all the i-th objects in the original json object

So for example if we look at the above json object and we invoke the method we 2 the method will return

 [ {"a2" : "a2Val"}, {"b2" : "b2Val"}, ... ,{ "z2" : "z2Val"}]

Hope it's clear enough.

Your result isn't a valid array. Do you want an object (`{"a2":"a2Val","b2":"b2Val"...}`); an array of objects (`[{"a2":"a2Val"},{"b2":"b2Val"}...]`) or something else? — Paul Roub, Jan 09 '15 at 14:27
is this the actual format of your data? will you always have a through z? — Brian Glaz, Jan 09 '15 at 14:27
I expect you mean you want a dictionary with only the pairs specified? The problem is that dictionaries are not ordered. Do the keys actually contain numbers? — Sanjay Manohar, Jan 09 '15 at 14:29
@Paul Roub , I want an array of objects.. I'll update the question — john Smith, Jan 09 '15 at 14:33

score 9 · Accepted Answer · answered Jan 09 '15 at 14:36

9

You could use Array.map here

var arr = oldArr.map(function(obj){
    var key = Object.keys(obj).sort()[1], rtn = {};    
    return rtn[key] = obj[key], rtn;
});

What you're doing is taking the second key and then returning a new Object with that key and value.

answered Jan 09 '15 at 14:36

Amit Joki

58,320
7
77
95

Had a same thought as you, but your solution is even fancier. Damn, I like how you used the `,` in your return statement! – Qwerty Jan 09 '15 at 14:49
1

@Qwerty ah! You're the first person who has appreciated the usage of comma operator. Thanks for that :) – Amit Joki Jan 09 '15 at 14:52
@AmitJoki , Thanks, this is the most elegant way I saw for doing that. I'll use your way! – john Smith Jan 09 '15 at 15:07
1

@johnSmith glad to have helped you :) – Amit Joki Jan 09 '15 at 15:07

score 3 · Answer 2 · edited Mar 14 '18 at 16:25

3

var initialArr = [
                  {"a1" : "a1Val", "a2" : "a2Val", "a3" : "a3Val"}, 
                  {"b1" : "b1Val", "b2" : "b2Val", "b3" : "b3Val"},
                  {"z1" : "z1Val", "z2" : "z2Val", "z3" : "z3Val"}
                 ];

var resArr = initialArr.map(function(x){
    return x[Object.keys(x)[1]];
});

jsFiddle Demo

Here in this resArr, I am mapping it to initialArr[ ], to generate an array out of it called resArr and the each element initialArr is represented as 'x' in this x is an object now inorde to get the 2nd element of the object x[1] so here, 1 represents the second element as index starts from 0,1 ,,,so we need to get the keys of that object by Object.keys(x)[1]...hence value would be x[Object.keys(x)[1]].

edited Mar 14 '18 at 16:25

cssyphus

37,875
18
96
111

answered Nov 26 '15 at 13:43

Vasanth

212
1
8

pls add a more detailed explanation - http://stackoverflow.com/help/how-to-answer – Sebastian Brosch Nov 26 '15 at 14:09
fine but directly on your answer not on the comments. – Sebastian Brosch Nov 27 '15 at 09:18

Qwerty · Answer 3 · 2015-01-09T15:17:15.227

Just a really fancy way to do exactly what you asked. Applicable to anything after little tweaking

var json   = '[{"a1" : "a1Val", "a2" : "a2Val", "a3" : "a3Val"},{"b1" : "b1Val", "b2" : "b2Val", "b3" : "b3Val"},{"z1" : "z1Val", "z2" : "z2Val", "z3" : "z3Val"}]',
    parsed = JSON.parse(json),
    index  = 2, // here goes your value

    result = parsed.map(function(obj){
               var key = Object.keys(obj)[0][0]+index,
                   retDict = {};
               return retDict[key] = obj[key], retDict;
             });

Run this in a console and see.

score 1 · Answer 4 · answered Jan 09 '15 at 15:33

You will probably find that it is more efficient to do this when parsing your JSON string by using a reviver function. Something like this.

var json = '[{"a1" : "a1Val", "a2" : "a2Val", "a3" : "a3Val"},{"b1" : "b1Val", "b2" : "b2Val", "b3" : "b3Val"},{"z1" : "z1Val", "z2" : "z2Val", "z3" : "z3Val"}]',
    data = JSON.parse(json, function (key, value) {
        if (key !== "" && typeof value === 'object') {
            Object.keys(value).forEach(function (name) {
                if (name.slice(-1) !== '2') {
                    delete value[name];
                }
            });
        }

        return value;
    });

document.body.appendChild(document.createTextNode(JSON.stringify(data)));

I'd like thie answer as well! – john Smith Jan 09 '15 at 16:07 — john Smith, Jan 09 '15 at 16:07

score 0 · Answer 5 · edited May 23 '17 at 11:54

0

Do a forEach loop on the array. Then for each value get the key with a regular expression. (Loop through object get value using regex key matches Javascript). I won't give you the full code because it is easy to implement and it is a good learning experience.

edited May 23 '17 at 11:54

Community

1
1

answered Jan 09 '15 at 14:33

Dante

63
6

score 0 · Answer 6 · answered Jan 09 '15 at 14:35

Convert to array, map the keys, filter results, concat it all, etc. This should work for you:

var result = arr
    .map(function (obj) { 
        return Object.keys(obj).map(function (key) {
            var result = {};
            result[key] = obj[key];

            if (key.substring(1) === "2") {
                return result;
            }
        });
    })
    .reduce(function (x, y) { return x.concat(y); }, [])
    .filter(function (obj) { return obj });

See working fiddle.

score 0 · Answer 7 · answered Jan 09 '15 at 15:05

What about this:

var collection, key, obj, objArr, _i, _len, _tmp;

collection = [
  {
    "a1": "a1Val",
    "a2": "a2Val",
    "a3": "a3Val"
  }, {
    "b1": "b1Val",
    "b2": "b2Val",
    "b3": "b3Val"
  }
];

objArr = [];

for (_i = 0, _len = collection.length; _i < _len; _i++) {
  obj = collection[_i];
  for (key in obj) {
    _tmp = {};
    _tmp[key] = obj[key];
    objArr.push(_tmp);
  }
}

javascript - extract array from json object

7 Answers7