为什么在下面的JS代码中，在setItem之前使用了本地存储对象的getItem方法

Question

https://github.com/john-smilga/javascript-basic-projects/blob/master/14-grocery-bud/final/app.js#L6

以下代码是从上面的链接编写的。此代码的完整版本在链接中。我的问题是，为什么在设置Item之前使用getItem方法，这背后的逻辑是什么？

谢谢。

function addToLocalStorage(id, value) {
const grocery = { id, value };
let items = getLocalStorage();
items.push(grocery);
localStorage.setItem("list", JSON.stringify(items));
}
function getLocalStorage() {
return localStorage.getItem("list")
? JSON.parse(localStorage.getItem("list"))
: [];
}
``

Answer 1

因为代码背后的目的是将一个项添加到本地存储中的数组中。获取数组，或者在不存在数组的情况下创建一个新数组。您将一个项目推到上面，然后将其保存回本地存储。