如何将转换后的字符串转换回数组？

Question

As far as I know, you can only save strings to local storage. So, I had to write a function so that I could save arrays. If I call console.log(fixA(["string1", [5, [false]], "string2"])); I get an output of "'string1',[5,[false]],'string2'" . Here it is:

 function fixA(array) { var toreturn = ""; for (var i = 0; i < array.length; i++) { if (typeof array[i] === 'object') { toreturn += "[" + fixA(array[i]) + "]"; } else { if (typeof array[i] === 'string') { toreturn += "'" + array[i] + "'"; } else { toreturn += array[i]; } } if (i < array.length - 1) { toreturn += ","; } } return toreturn; } console.log(fixA(["string1", [5, [false]], "string2"])); 

The issue now is that I have no clue how to convert it back. I've tried a few things but have always gotten stuck on how I convert the arrays back. This is basically what I've tried:

 function fixS(string) { var toreturn = []; var temp = string.split(","); for (var i = 0; i < temp.length; i++) { // I could run a check here to see if temp[i] starts with "[", but I'm not sure how to tell where the array ends. // If it is an array, then I'd need to pass everything inside of the array back into fixS, making it recursive. // The times I tried to do those two things above, I ran into the issue that the commas inside of the sub arrays also split everything, which I don't want (as the recursive function will deal with that). toreturn.push(temp[i]); } return toreturn; } console.log(fixS("'string1',[5,[false]],'string2'")); // This also doesn't return numbers as numbers or booleans as booleans. 

Not much there, but it's as far as I've gotten. Any help is appreciated.

Answer 1

Instead of doing your own bespoke solution, unless you have something that can't be represented in JSON (your example can be), use JSON:

On page load:

var data = JSON.parse(localStorage.getItem("data") || "null");
if (!data) {
    // There wasn't any, initialize
}

or

var data = JSON.parse(localStorage.getItem("data") || "{}");

...if you want a blank object if there is nothing in local storage.

When saving your data:

localStorage.setItem("data", JSON.stringify(data));

Answer 2

As David said there's JSON.stringify() & JSON.parse() ;

you can use those methods :

function save_to_storage(id, anything){
    localStorage.setItem(id, JSON.stringify(anything));
}
function load_from_storage(id){
    return JSON.parse(localStorage.getItem(id));
}

Answer 3

It can be achieved with help of JSON.stringify and JSON.parse functions. Let me explore with help of code snippet.

var original_arr = ["string1", [5, [false]], "string2"];  // array
// Converting this array into string
var converted_str = JSON.stringify(original_arr); // converted into string
// Converting this string back to array
var new_arr = JSON.parse(converted_str );  // back to array

Answer 4

The other answers have already covered it, but note that P5.js also provides functionality for working, saving, and loading JSON directly.

Take a look at the saveJSON() and loadJSON() functions in the reference .