如何循环访问localStorage值

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在创建一个React应用程序，您可以在配方名称和配料中编写它们，并且它们将作为每个创建的配方的页面列表显示。我打算使用.map来创建列表项，但是我需要一个数组来处理它，而localStorage不是一个数组（我相信无论如何）。有没有办法将localStorage中的每个密钥传输到数组？如何循环访问localStorage值

localStorage每次点击“添加配方”按钮时，都会添加一个“配方名称”加上一个数字以便订购。价值是配方本身。我只是想将食谱添加到数组中以及.map。

回答：

尝试使用Object.keys(localStorage)。当你要求一个关键：

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]); 
    } 
}

回答：

您可以使用localStorage.length，它会给键的存在localStorage总数。使用此长度迭代并使用localStorage.key(index)获取密钥名称，如下所示：

for (let i = 0; i < localStorage.length; i++)   
    let key = localStorage.key(i); 
    console.log(localStorage.getItem(key)); 
}

以上是 如何循环访问localStorage值 的全部内容， 来源链接： utcz.com/qa/259738.html

回到顶部