Get specific array value javascript

Question

I'm not sure if I'm just being silly, although I wasn't able to find this anywhere, but I am json_encode()ing some database outputs and outputting them to the page, and reading them using $.parseJSON, but I want to get a specific value from the array. Here is an example of what I'm trying to accomplish.

var j = '[{"uid":"1","name":"Bingo Boy", "profile_img":"funtimes.jpg"},{"uid":"2","name":"Johnny Apples", "profile_img":"badtime.jpg"}]';

var json = $.parseJSON(j);
$(json).each(function(i, val) {
  $.each(val, function(k, v) {
    console.log(k['uid']) // <-- This is where I want to just output the UID from each array results
});

Now, to put into words what I'd like to accomplish is to just pull the UID (or name or profile_img, just a value in general) from this array, so I can later insert the values into a div.

Any help is much appreciated, thank you!

Did you try running it? Did you get an error? Where are you stuck? — Jake Haller-Roby
– Jake Haller-Roby, Commented May 31, 2016 at 4:22

Rayon · Accepted Answer · 2016-05-31 04:38:02Z

3

No need to use nested .each as there is no nested array.
Second argument in callback(A function to execute for each element) is the item iterated in the current loop, not the first argument.

var j = '[{"uid":"1","name":"Bingo Boy", "profile_img":"funtimes.jpg"},{"uid":"2","name":"Johnny Apples", "profile_img":"badtime.jpg"}]';

var json = $.parseJSON(j);
$(json).each(function(i, val) {
  console.log(val['uid']);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

I would have avoided jQuery for this manipulation.

var j = '[{"uid":"1","name":"Bingo Boy", "profile_img":"funtimes.jpg"},{"uid":"2","name":"Johnny Apples", "profile_img":"badtime.jpg"}]';
var parsed = JSON.parse(j);
var uids = parsed.map(function(item) {
  return item.uid;
});
console.log(uids);

edited May 31, 2016 at 4:38

answered May 31, 2016 at 4:23

Rayon

36.6k5 gold badges54 silver badges78 bronze badges

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

Comments

Sabith · Accepted Answer · 2016-05-31 04:27:43Z

0

try this :-

using JS only:

var j = '[{"uid":"1","name":"Bingo Boy", "profile_img":"funtimes.jpg"},{"uid":"2","name":"Johnny Apples", "profile_img":"badtime.jpg"}]';
j = JSON.parse(j);
j.map((value)=>{
    console.log(value['uid'])
});

With jQuery:-

var j = '[{"uid":"1","name":"Bingo Boy", "profile_img":"funtimes.jpg"},{"uid":"2","name":"Johnny Apples", "profile_img":"badtime.jpg"}]';

var json = $.parseJSON(j);
$(json).each(function(i, val) {
  console.log(val['uid']);
});

answered May 31, 2016 at 4:27

Sabith

1,6562 gold badges22 silver badges42 bronze badges

Comments

Atul Chaudhary · Accepted Answer · 2016-05-31 04:32:14Z

0

After parsing your json object to an array list you can just use vanilla map function as below

function stuff(item,index) {
    //Here can do any manipulation with your object
    return item.uid;
}

function myFunction() {
    document.getElementById("myDiv").innerHTML = myArrayList.map(stuff);
}

answered May 31, 2016 at 4:32

Atul Chaudhary

3,7321 gold badge35 silver badges52 bronze badges

Comments

Ashish Kumar · Accepted Answer · 2016-05-31 04:32:20Z

0

No 2nd level of each is required.

try this:

var j = '[{"uid":"1","name":"Bingo Boy", "profile_img":"funtimes.jpg"},{"uid":"2","name":"Johnny Apples", "profile_img":"badtime.jpg"}]';

var json = $.parseJSON(j);
$.each(json, function (i, obj) {
	console.log(obj.uid);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

edited May 31, 2016 at 4:32

answered May 31, 2016 at 4:27

Ashish Kumar

3,0393 gold badges20 silver badges27 bronze badges

Comments

Satyapriya Mishra · Accepted Answer · 2016-05-31 05:21:53Z

0

This may be of help to you.

   var j = '[{"uid":"1","name":"Bingo Boy", "profile_img":"funtimes.jpg"},{"uid":"2","name":"Johnny Apples", "profile_img":"badtime.jpg"}]';

        var json = $.parseJSON(j);
        var l=json.length;
        var arr=[];
        for(var i=0;i<l;i++){
            arr.push(json[i]['uid']);
        }
        console.log(arr);//you can use this array for whatever purpose you intend to

answered May 31, 2016 at 5:21

Satyapriya Mishra

1304 bronze badges

Comments

Jules Goullee · Accepted Answer · 2016-06-10 12:24:35Z

0

Not necessaray use Jquery!

var j = '[{"uid":"1","name":"Bingo Boy", "profile_img":"funtimes.jpg"},{"uid":"2","name":"Johnny Apples", "profile_img":"badtime.jpg"}]';
var parsedJson = JSON.parse(j);
var uidsArray = parsedJson.map( function(entry){
   return entry.uid;
});

console.log(uidsArray); // output: [1,2]

answered Jun 10, 2016 at 12:24

Jules Goullee

5914 silver badges12 bronze badges

Collectives™ on Stack Overflow

Get specific array value javascript

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related