Loopring through a Json object and print its values (jquery)

Question

I'm getting this JSON object from a php page:

{
    "0": "8:00",
    "1": "8:30",
    "2": "9:00",
    "3": "9:30",
    "4": "10:00",
    "5": "10:30",
    "6": "11:00",
    "7": "11:30",
    "8": "12:00",
    "9": "12:30",
    "10": "13:00",
    "11": "13:30",
    "12": "14:00",
    "13": "14:30",
    "14": "15:00",
    "15": "15:30",
    "18": "17:00",
    "19": "17:30",
    "20": "18:00",
    "21": "18:30",
    "22": "19:00",
    "23": "19:30"
}

and I want to run through it and print its values. Right now I can print the whole thing to the screen (exactly as is pasted above) using Json.stringify, but I want to print only the values, without the keys. If I try to print the result to the console like

console.log(results);

All I get is

Object {hours: Object}

I'm quite new at making JSON calls and manipulating responses, so I can't quite do what I need just looking at the other questions I found. Thanks

edit: The result I'm expecting is

8:00
9:00
etc

on a div.

"print its values" is unclear. show how should look the expected result — RomanPerekhrest, May 05 '16 at 14:50
Possible duplicate of [Loop through JavaScript object](http://stackoverflow.com/questions/684672/loop-through-javascript-object) — Rajesh, May 05 '16 at 14:53

score 2 · Answer 1 · edited May 05 '16 at 14:59

2

you have to loop through the object assuming results is the object

for(var hours in results){
     console.log(results[hours]);
}

edited May 05 '16 at 14:59

I wrestled a bear once.

22,983
19
69
116

answered May 05 '16 at 14:49

Lunny

852
1
10
23

I realize it's not necessary in his example but its always good to check for `hasOwnProperty` I feel. – IMTheNachoMan May 05 '16 at 14:51
`Object.keys` will do the property checks for you and avoid the complexity of a raw `for...in` loop. – ssube May 05 '16 at 14:53
Must be a "console.log(results[hours]);" – Ivan Matveev May 05 '16 at 14:54
`Object.keys` will also coerce the param into an `Object` if it is not one (in ES6) – Mark C. May 05 '16 at 14:54

score 2 · Answer 2 · answered May 05 '16 at 14:53

2

You can use for...of loop:

for(var hours of results){
     console.log(hours);
}

answered May 05 '16 at 14:53

Ivan Matveev

225
1
8

score 0 · Answer 3 · answered May 05 '16 at 14:49

To fetch the values from an object and discard keys, you want to chain Object.keys with Array.prototype.map like so:

var data = { "0": "8:00", "1": "8:30", "2": "9:00", "3": "9:30", "4": "10:00", "5": "10:30", "6": "11:00", "7": "11:30", "8": "12:00", "9": "12:30", "10": "13:00", "11": "13:30", "12": "14:00", "13": "14:30", "14": "15:00", "15": "15:30", "18": "17:00", "19": "17:30", "20": "18:00", "21": "18:30", "22": "19:00", "23": "19:30" };
var result = Object.keys(data).map(function (key) {
  return data[key];
});
console.log(result);

score 0 · Answer 4 · answered May 05 '16 at 14:53

0

It's not necessary in your example since you're getting the JSON from a page but to avoid potential issues in the future you should always do a hasOwnProperty check to make sure you're only getting properties of the JSON object and no inherited properties:

for(key in data)
{
    if(data.hasOwnProperty(key))
    {
        console.log(data[key]);
    }
}

answered May 05 '16 at 14:53

IMTheNachoMan

5,343
5
40
89

Or you can just use a for..of loop as Ivan suggested. – I wrestled a bear once. May 05 '16 at 15:04
@Pamblam: DOH! I didn't see that. Thanks! – IMTheNachoMan May 05 '16 at 15:05

Loopring through a Json object and print its values (jquery)

4 Answers4