本地存储中的阵列数据,在页面重新加载后重置

您需要分析现有 localStorage.films ,并将其放入 films 开始时为变量。

const films = JSON.parse(localStorage.films || '[]');

您需要将本地存储数据存储在页面上,并在电影中重新加载。

$(document).ready(function(){
    var data = localStorage.getItem("films");
    var films = data ? JSON.parse(data) : [];

    $('button').click(function(){

            var film = {
              'id': 4,
              'title':'John Wick',
              'Genre':'Action'
             };
        films.push(film);
        localStorage.setItem("films", JSON.stringify(films));

        var movies = localStorage.getItem("films");
        movies = JSON.parse(movies);

        console.log(movies);

        });

    });

在设置值之前,需要获取现有值,然后将新值与现有值关联,并将其设置为本地存储。

var movies = localStorage.getItem("films");
movies = JSON.parse(movies || '[]');
films.concat(movies);
localStorage.setItem("films", JSON.stringify(films));