在localStorage中存储和检索

Question

I want to store data in localStorage. I want to make it like a database.

Here is a sample. A user will create an electronic test; it will have a Title and Description. More than one question, each with more than one choice.

Another user can create another electronic test. How am I going to store it in localStorage?

Currently I am doing it like this:

KEY                | VALUES
----------------------------------------------------------
Tests              | ["Sample","Sample2","Sample3"]
----------------------------------------------------------
Description        | ["Sample","Sample2","Sample3"]
----------------------------------------------------------
Sample2            | ["question1","question2","question3"]
----------------------------------------------------------
question3          | ["Question","choice1","choice2","choice3"]
----------------------------------------------------------
question3_ifAnswer | ["","","yes","yes"]
----------------------------------------------------------

I think there is a better way to store it. By the way, the question is dynamically added, as well as the choices in each questions.

How do I store and retrieve it in a better way?

Answer 1

That does look difficult to manage as a bunch of arrays.

I would probably store it as a javascript object like this, then convert it to json and store the resulting json strong in localStorage.

I assume you understand the limitations of localStorage

var tests = [
    {
        title: "title 1",
        description: "Desc 1",
        questions: [
            {
                name: "question 1",
                type: "text"
            },
            {
                name: "question 2",
                type: "multiple choice",
                options: [
                    {
                        code: "A",
                        description: 'Choice A'
                    },
                    {
                        code: "B",
                        description: 'Choice B'
                    },
                    {
                        code: "C",
                        description: 'Choice C'
                    }
                ],
                answer: ""
            }
        ]

    },
    {
        title: "test 2",
        description: "Desc for test 2",
        questions: [],  //etc
        answer: ""
    }
];

var jsonstr = JSON.stringify(tests);

Obviously I can only guess at you intentions so you would need to adjust this to suit your needs

And when you retrieve it as a JSON string from localStorage, convert it back to an object/ array with

tests = JSON.parse(jsonstr);