javascript - 如何遍历 localStorage 值

Question

我正在创建一个 React 应用程序，您可以在其中编写食谱名称和配料，对于创建的每个食谱，它们将显示为页面上的列表。我打算使用 .map 创建列表项，但我需要一个数组来处理它，而 localStorage 不是一个数组(无论如何我相信)。有没有办法将 localStorage 中的每个键传输到数组？

localStorage，每次点击“添加食谱”按钮时，都会添加一个“食谱名称”键和一个用于订购的数字。该值是配方本身。我只想将食谱也添加到 .map 的数组中。

Answer 1

尝试使用 Object.keys(localStorage)。当您请求 key 时:

var arrayOfKeys = Object.keys(localStorage);

就这么简单!这将返回一个键数组。现在，如果您想要这些值:

var arrayOfValues = Object.values(localStorage);

它返回一个数组。

请注意 Object.values 是实验性的，因此替代方案是:

var arrayOfValues = [];
for(var i in localStorage){
    if(localStorage.hasOwnProperty(i)){
        arrayOfValues.push(localStorage[i]);
    }
}