javascript - 数组数据位于localStorage中，在页面重新加载后重置

我在需要将对象数据保存到localStorage的页面上工作，它的工作正常，但是当我刷新页面并再次添加时，所有数据都被删除。

我想要的是防止重置数组列表。

希望你能理解我。

谢谢。

CODEPEN

$(document).ready(function(){

		var films = [];

		$('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);

		});

	});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>click</button>

最佳答案

您需要分析现有的localStorage.films(如果存在)，并将其放在开头的films变量中。

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

关于javascript - 数组数据位于localStorage中，在页面重新加载后重置，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49606576/