javascript - LocalStorage getItem and Loop Values -

i storing values local storage using following line of code;

localstorage.setitem(event.lasteventid, json.stringify(data)); 

looking @ browser console, storage looks this;

i want loop through localstorage , display values.

the loop have far is;

for (var = 0; < localstorage.length; i++) {   $("#result").prepend("new transaction " + localstorage.getitem(localstorage.key(i)) + "<br>"); } 

the #result displays following;

new transaction {"timestamp":"2017-08-18 16:34:15","direction":"out","cardno":"40160433","serialno":20559458}

new transaction {"timestamp":"2017-08-18 16:34:55","direction":"in","cardno":"40160432","serialno":20559459}

i want display values only, not associated keys. example;

new transaction 2017-08-18 16:34:15, out, 40160433, 20559458

new transaction 2017-08-18 16:34:55, in, 40160432, 20559459

what need change in order achieve this?

any appreciated.

getitem() returns string. in order achieve want, need parse returned string in json , extract values. this:

for (var = 0; < localstorage.length; i++) {     let data = json.parse(localstorage.getitem(localstorage.key(i)));     $("#result").prepend("new transaction " + data.timestamp + ", " + \           data. out + ", " + data. cardno + ", " + data. serialno + "<br>"); }