如何将数组从本地存储传递到烧瓶视图？

Question

所以我的烧瓶应用程序基本上是一个餐厅网站，它有两个页面，第一个是用户可以选择他们想要的菜单项（菜单页面），第二个页面是用户填写表格的细节（订单详情页面）。在菜单页面中，您将找到菜单项，单击该项目将显示在菜单页面中的“我的订单”部分，我在javascript中创建，因此菜单顺序将作为对象数组保存到localStorage并将其命名为shoppingMenu。我遇到的问题是：在用户进入订单详细信息页面之前，如何验证shoppingMenu中至少有一个对象（非空）？

Answer 1

做一个if语句

if(showMenu != null){allow user to continue}

甚至if(showMenu != []){} 因为你的showmenu会是空的，这可能更准确。 除非您最初将showMenu设置为null，否则第一个示例将是最好的。

Answer 2

localStorage使用字符串保存数据，即在null与undefined等进行推理时，您始终必须考虑JavaScript字符串逻辑。

getItem(key)方法必须返回与给定键关联的当前值。如果与对象关联的列表中不存在给定键，则此方法必须返回null。

if (localStorage.getItem("shoppingMenu") !== null) {
    // do stuff
    }