如何储存一个；“主键”；在本地存储JavaScript中？

我使用以下html代码从用户获取值：

然后我将其存储在一个变量中：

var orderName=document.getElementById（“orderName”）.value

然后我将其存储在本地存储中，如：

localStorage.setItem（“orderName”，orderName）

现在我只能存储一个orderName。我想存储许多类似于在SQL表或MS Access表中工作的数据。然后使用该主键值传递并持久化，以仅显示与该主键相关的数据，例如仅与该值相关的价格、跟踪编号等

基本上，我如何使本地存储像普通表一样工作

You can store all the value to an array and access it



var orderName=document.getElementById（“orderName”）.value；
var type=document.getElementById（“type”）.value；
var price=document.getElementById（“价格”）.value；
var数量=document.getElementById（“数量”）.value；
var a=[]；
a、 推送（订单名称、类型、价格、数量）；
setItem（“inputValues”，a）；
例如，在localStorage中存储一个数组。您必须将数组字符串化（例如，转换为json），因为localStorage或（sessionStorage）仅接受stringslocal存储不是数据库。如果您想存储多个，请使用json.Stringify您可以使用用于此类用例或其他提到的，保留一个数组并将字符串化的数组保存到localStorage。谢谢，但用户每次按submit时都会输入值。数组应动态形成。我是如何做到的？我这样做的，这样我就可以将数据与orderName匹配，并像键一样将其传递给我们，而不是硬编码的“inputValues”。var a[]；a、 push（orderName、type、price、quantity；localstorage（“${orderName}”，a）；但它不起作用
<input type="text" id="type" name="type">

<input type="text" id="price" name="price">

<input type="text" id="quantity" name="quantity">

var orderName= document.getElementById("orderName").value;

var type= document.getElementById("type").value;

var price= document.getElementById("price").value;

var quantity= document.getElementById("quantity").value;

var a = [];

a.push(orderName, type, price,quantity);

localStorage.setItem("inputValues",a);