javascript - 合并本地存储项并分段输出

Question

我使用以下代码在 localStorage 中存储多条记录:

    localStorage.setItem('LinkURL' + ranNr, rdsLinkURL);
    localStorage.setItem('LinkTitle' + ranNr, rdsLinkTitle);
    localStorage.setItem('LinkOrderURL' + ranNr, rdsLinkOrderURL);
    localStorage.setItem('OrderAmount' + ranNr, rdsOrderAmount);

每条记录都是购物车中的一个产品，因此当购物车中添加 3 个产品时，本地存储中将有 3 组 12 条记录(每个产品都有自己的一组)。

今天我学会了如何输出以特定文本开头的记录之一。我使用下面的代码执行此操作。

  let duffy = Object.keys(localStorage).filter(v => v.startsWith("LinkTitle"));
  duffy.forEach(z => $("body").append("<p class='" + localStorage.getItem(z) + "'></p>"));

上面的代码有效，并且创建了 3 个段落。但现在我想用 OrderAmount 填充该段落，但我不确定如何操作上面的代码来获得该效果。

我忘了提及我正在尝试一些事情:也会在这里发布。

  let duffy = Object.keys(localStorage).filter(v => v.startsWith("LinkTitle"));
  duffy.forEach(
    z => $("body").append("<p class='" + localStorage.getItem(z) + "'></p>")
  );

  let goofy = Object.keys(localStorage).filter(v => v.startsWith("OrderAmount"));
  goofy.forEach(
    g => localStorage.getItem(g)
    $('.' z).append(g)
  );

Answer 1

嗯，你可以使用 querySelector 获取每个段落，例如:

const paragraphs = document.querySelectorAll('selector for your paragraphs')
paragraph.forEach((p, i ) => {
const amount = goofy[i]
    p.innerHTML = amount
})

但这也是一个好方法，可以用自己的订单金额保存每个产品。