Extracting data from JsonArray using JS/jQuery

Question

I have a JsonArray something like this.

var json_array = [{ "text": "id", "size": 4}, { "text": "manifesto", "size": 4}, { "text": "also", "size": 4}, { "text": "leasing", "size": 4}, { "text": "23", "size": 4}];

Is there anyway to get me all the "text" property of this json_array in another array using Javascript/jQuery?

like:

var t_array = ["id","manifesto","also"....]

Frédéric Hamidi · Accepted Answer · 2012-04-11 10:13:40Z

9

You can use $.map() to project the relevant information from your existing array into a new one:

var t_array = $.map(json_array, function(item) {
    return item.text;
});

answered Apr 11, 2012 at 10:13

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

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

3 Comments

JKing Over a year ago

Just curious (I don't use jQuery) - is that $.map function asynchronous?

Frédéric Hamidi Over a year ago

@JKing, nope, it isn't. It builds and returns the array synchronously. The function it takes as an argument is not a callback, it's used to project the items of the new array.

JKing Over a year ago

ah. I've been spending too much time in node.js... every anonymous function passed as an arg to another function makes me think "Weeee! Asynchronous event driven programming!" Thanks for nothing, jQuery!

JKing · Accepted Answer · 2012-04-11 10:11:43Z

2

var t_array = [];

for (var i=0; i< json_array.length; i++)
    t_array.push(json_array[i].text);

answered Apr 11, 2012 at 10:11

JKing

8475 silver badges14 bronze badges

Comments

Dutchie432 · Accepted Answer · 2012-04-11 10:12:15Z

1

I think you'll need to build t_array by looping through json_array

answered Apr 11, 2012 at 10:12

Dutchie432

29.3k20 gold badges94 silver badges110 bronze badges

Comments

Benoît · Accepted Answer · 2012-04-11 10:13:20Z

1

something like:

var t_array = [];
$.each(json_array,function(i,o) {
  t_array.push(o.text);
})

http://jsfiddle.net/bouillard/2c66t/

answered Apr 11, 2012 at 10:13

Benoît

7,4272 gold badges28 silver badges30 bronze badges

Collectives™ on Stack Overflow

Extracting data from JsonArray using JS/jQuery

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related