Display JSON Array in HTML

Question

I have a JSON array in localstorage. I want to retrieve this array, and display the values. The storage key is _myobject, and the value is

[{"64508":"12:12:2"},{"5292":"12:17:34"}]

What I want is to know how I can use JavaScript/jQuery to display/print the values in the following format:

Number: 64508 - Time:  12:12:2
Number: 5292 - Time: 12:17:34

Could somebody please direct me on how I could do this?

McGarnagle · Accepted Answer · 2014-07-18 23:06:55Z

4

You can use an Array.map to convert from your array into the string. Try something like this:

var obj = JSON.parse(localStorage.getItem("_myobject"));
obj.map(function(item) { 
     // (really just the first key)
     for (var key in item) 
         return "Number: " + key + " - Time: " + item[key]; 
}).join(" ");

(Fiddle)

edited Jul 18, 2014 at 23:06

answered Jul 18, 2014 at 22:49

McGarnagle

103k31 gold badges235 silver badges264 bronze badges

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

1 Comment

user3259138 Over a year ago

Thank you. This worked perfectly after I worked with the fiddle link. I really appreciate your time.

Collectives™ on Stack Overflow

Display JSON Array in HTML

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related