Making a new jQuery array from a JSON object

Question

I have a PHP script that returns a JSON object which looks like this in the console:

[{"CONTAINER_NUMBER":"CONT1234567","RETURN_POOL":"GARDENCITY"},{"CONTAINER_NUMBER":"CONT987654","RETURN_POOL":"NORTHTOWN"}]

All I need to do is create another array that contains only the CONTAINER_NUMBER value. It should look like this:

 "CONT1234567", "CONT987654"

I found this: http://jsfiddle.net/arunpjohny/ygqaa/

I changed it around to look like the below:

$.POST('phpScript.php', {cntArray:cntArray}, function(data)
{
  var containers = JSON.parse(data);

  var obj = {};
  $.each(containers, function(i, v){
   obj[v.CONTAINER_NUMBER]
  });
  console.log(obj)
});

But the console only shows a blank array.

you mean a blank object?

user400654
– user400654

2017-06-29 19:22:21 +00:00
Commented Jun 29, 2017 at 19:22 — user400654
– user400654, Commented Jun 29, 2017 at 19:22

bcr · Accepted Answer · 2017-06-29 19:22:34Z

1

If you just want an object whose keys are the ID:

obj[v.CONTAINER_NUMBER] should be obj[v.CONTAINER_NUMBER] = ''

If you want an array of IDs:

$.post('phpScript.php', {cntArray:cntArray}, function(data)
{
  var containers = JSON.parse(data);

  var ids = [];
  $.each(containers, function(i, v){
   ids.push(v.CONTAINER_NUMBER);
  });
  console.log(ids)
});

Or, a bit cleaner:

$.post('phpScript.php', {cntArray:cntArray}, function(data)
{
  var containers = JSON.parse(data);

  var ids = $.map(containers, function(i, v){
   return v.CONTAINER_NUMBER;
  });
  console.log(ids);
});

answered Jun 29, 2017 at 19:22

bcr

3,82120 silver badges28 bronze badges

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

3 Comments

John Beasley Over a year ago

Not sure who downvoted you, but your first answer worked for me. Thank you very much. I'm upvoting and accepting your answer.

ste2425 Over a year ago

I can only assume its the completely unnecessary use of jQuery for this?

bcr Over a year ago

@ste2425 I guess that's fair but a blind/unexplained down vote for working code seems odd, especially since OP is already using jquery.

punkbit · Accepted Answer · 2017-06-29 19:30:25Z

0

The problem with your code, is that you're passing a value has the key of the object!

var x = {}
x[1]
x[2]

So you get an empty object! But as you mentioned, that's not what you're looking for, you don't want to get an Object, but an Array.

What you can do instead, is to use map and get all the values into an array as you wish! See below:

var json = [{"CONTAINER_NUMBER":"CONT1234567","RETURN_POOL":"GARDENCITY"},{"CONTAINER_NUMBER":"CONT987654","RETURN_POOL":"NORTHTOWN"}]

var res = json.map((obj) => obj.CONTAINER_NUMBER)

console.log(res)

Or check the live example,

var json = [{"CONTAINER_NUMBER":"CONT1234567","RETURN_POOL":"GARDENCITY"},{"CONTAINER_NUMBER":"CONT987654","RETURN_POOL":"NORTHTOWN"}]

var res = json.map((obj) => obj.CONTAINER_NUMBER)

console.log(res)

edited Jun 29, 2017 at 19:30

answered Jun 29, 2017 at 19:22

punkbit

7,73711 gold badges58 silver badges97 bronze badges

Collectives™ on Stack Overflow

Making a new jQuery array from a JSON object

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related