如何将我的数组保存到具有特定编号的本地存储？

Question

我的数组有问题。我的数组很少，我需要将它们以特定编号保存到本地存储。

我想获取所有项目，将这些项目转换为数组并以特定编号将它们保存到本地存储。首先是 0 然后是 1 等等。

有人可以帮助我吗？谢谢

JS

let length = document.querySelectorAll(".item").length;
    for(number = 0; number < length; number++){
      console.log(number);
    }
    let items = document.querySelectorAll(".item").forEach(item => {
      let product = [
        {
          name: item.children[0].children[1].innerHTML,
          price: item.children[1].children[0].innerHTML,
          value: item.children[0].children[0].value
        }
      ]
      localStorage.setItem(`product${number}`, JSON.stringify(product));
    });

HTML

<div class="item">
  <div class="left"><input type="number" name="pieces" value="1" class="piece"> <p>Kelímek Jelen Extra</p></div><div class="right"><h3 class="price-i">699</h3><h3>Kč</h3> <i class="fas fa-times"></i></div>
</div>

<div class="item">
  <div class="left"><input type="number" name="pieces" value="1" class="piece"> <p>Kelímek Jelen Extra</p></div><div class="right"><h3 class="price-i">699</h3><h3>Kč</h3> <i class="fas fa-times"></i></div>
</div>

<div class="item">
  <div class="left"><input type="number" name="pieces" value="1" class="piece"> <p>Kelímek Jelen Extra</p></div><div class="right"><h3 class="price-i">699</h3><h3>Kč</h3> <i class="fas fa-times"></i></div>
</div>

Answer 1

您可以通过在 foreach 循环中使用索引来获得所需的结果 foreach 循环 return 当前项的索引，您可以使用它按索引存储在 localstorage

解决方案：

let length = document.querySelectorAll(".item").length;
    let items = document.querySelectorAll(".item").forEach((item,index) => {
      let product = [
        {
          name: item.children[0].children[1].innerHTML,
          price: item.children[1].children[0].innerHTML,
          value: item.children[0].children[0].value
        }
      ]

      localStorage.setItem(`product${index}`, JSON.stringify(product));
    });

结果：

如何将我的数组保存到具有特定编号的本地存储？

How to save my arrays to local storage with specific number?

javascript

arrays

local-storage