將對象添加到本地存儲中的列表

Question

我想補充的對象first要myMovie到localStorage的。 但是當檢查localstorage時，myMovie總是空的。

var myMovie= [];
    localStorage.setItem('myMovie', JSON.stringify(myMovie));
    var output = JSON.parse(localStorage.getItem('myMovie'));
    var first= {id:"tt3783958", title:"La La Land", year:"2016", type:"Comedy, Drama, Music"}
        myMovie.push(first);

我無法弄清楚我在這做錯了什么。

Answer 1

好吧， 在實際添加第一個項目之前 ，您似乎正在將對象寫入存儲中。

嘗試首先在列表中添加內容，或在每次更新后再次保存。

var myMovie= [];
var first= {id:"tt3783958", title:"La La Land", year:"2016",
            type:"Comedy, Drama, Music"};
myMovie.push(first);

localStorage.setItem('myMovie', JSON.stringify(myMovie));
var output = JSON.parse(localStorage.getItem('myMovie'));

Answer 2

Best是一個函數，不僅可以更改數組，還可以將其存儲在localStorage中：

  var myMovie=[] //JSON.parse(localStorage.getItem('myMovie')||"[]"); function push(el){ myMovie.push(el); //localStorage.setItem('myMovie', JSON.stringify(myMovie)); } function remove(title){ var i=myMovie.findIndex(movie=>movie.title===title); if(i!==-1){ myMovie.splice(i,1); //localStorage.setItem('myMovie', JSON.stringify(myMovie)); } } push({id:"tt3783958", title:"La La Land", year:"2016", type:"Comedy, Drama, Music"}); console.log(myMovie); remove("La La Land"); console.log(myMovie); 

為了使一個正在運行的stackSnippet，我不得不刪除localStorage功能，它被注釋掉了。