sessionStorage into array and print all values in the array

Question

I am currently trying to store an array into sessionStorage and then retrieve the data from sessionStorage. Then, store the sessionStorage data back into an array.

var testArray = ["Shirt", "Bottom", "Shoes"];
window.sessionStorage.setItem("items", JSON.stringify(testArray));
var storedArray = JSON.parse('[' + sessionStorage.getItem("items") + ']');
var i;
for (i = 0; i < storedArray.length; i++) {
     alert(storedArray[i]);
}

Am I doing anything wrong here?

JSON.parse(sessionStorage.getItem("items"));.. What made you concatenate [ \ ] there.. ? — Rayon
– Rayon, Commented Jun 28, 2016 at 18:04

Michelangelo · Accepted Answer · 2016-06-28 18:05:31Z

26

It is already stored as an array, you don't need the brackets. What you are doing is putting the original array in a new array.

try this:

var testArray = ["Shirt", "Bottom", "Shoes"];
window.sessionStorage.setItem("items", JSON.stringify(testArray));
var storedArray = JSON.parse(sessionStorage.getItem("items"));//no brackets
var i;
for (i = 0; i < storedArray.length; i++) {
             alert(storedArray[i]);
}

https://jsfiddle.net/517x5rcg/

answered Jun 28, 2016 at 18:05

Michelangelo

5,9785 gold badges36 silver badges51 bronze badges

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

1 Comment

James Ashwood Over a year ago

You are amazing! Thank you so much. I had no idea about the JSON.parse function! :D

Ram · Accepted Answer · 2016-06-28 18:17:22Z

2

You don't need to wrap the array with []. sessionStorage.getItem("items") returns the JSON stringified array, you are wrapping the array with another array. Your problem is the alert function that converts the array into a string (just like joined array elements by calling the Array.prototype.join method), this is because alert can only show strings. This probably makes you think that there is no array. Use console.log for debugging.

edited Jun 28, 2016 at 18:17

answered Jun 28, 2016 at 18:07

Ram

145k16 gold badges174 silver badges201 bronze badges

Comments

Grzegorz Sobi · Accepted Answer · 2023-10-08 05:56:59Z

0

    let testArray = ["one", "two", "three"];
    sessionStorage.setItem("items",testArray);
    let storedArray = sessionStorage.getItem("items").split(",");
    let i = 0;
    for (i = 0; i < storedArray.length; i++) {
                 alert(storedArray[i]);
    }

answered Oct 8, 2023 at 5:56

Grzegorz Sobi

11 bronze badge

Collectives™ on Stack Overflow

sessionStorage into array and print all values in the array

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related