javascript - 将数组存储在本地存储中

Question

我有一个包含多个问题的测验页面，该页面一次显示 1 个问题。问题的答案显示在按钮中。每当按下按钮时，就会从数据库中抓取并显示第二个问题。我有一个脚本，将按下的按钮的值放入数组中，但是当重新加载页面时，数组被清空。有人告诉我使用 localstorage，但我不知道这是如何工作的，这是我目前用来在数组中存储数据的代码:

 $( document ).ready(function() {

           var antwoordenObject1= new Array();
            $('.btn').click(function() {
                 antwoordenObject1.push($(this).val());

                  alert("newArray contents = "+ antwoordenObject1);

            });
       });

我发现这段代码将数组放入本地存储中，但不知道如何将这两者结合起来:

var complexdata = [1,2,3,4,5,6];

// store array data to the localstorage
localStorage.setItem("list_data_key",  JSON.stringify(complexdata));

//Use JSON to retrieve the stored data and convert it 
var storedData = localStorage.getItem("complexdata");
if (storedData) {
  complexdata = JSON.parse(storedData);

}
document.write(complexdata);

Answer 1

像这样:

 $( document ).ready(function() {
       var antwoordenObject1 = localStorage.getItem("antwoorden");
       antwoordenObject1 = antwoordenObject1 ? JSON.parse(antwoordenObject1) : [];
       $('.btn').click(function() {
           antwoordenObject1.push($(this).val());
           localStorage.setItem("antwoorden",  JSON.stringify(antwoordenObject1));
           alert("newArray contents = "+ antwoordenObject1);

       });
});