Javascript创建对象以显示新信息

Question

我试图创建将存储所有这些数据的“客户”对象，然后将该信息显示为“客户订单”，并列出所有新信息。 我想一定是这样的。

 var objectarray=[]; var customer={ name,address,postalcode,phone,email} function addToArray() { var customerobject={name,address,postalcode,phone,email}; customerobject.name=document.getElementById("name").value; customerobject.address=document.getElementById("address").value; customerobject.postalcode=document.getElementById("postalcode").value; customerobject.phone=document.getElementById("phone").value; customerobject.email=document.getElementById("email").value; objectarray.push(customerobject); displayList(); } 

但是，对我而言，主要问题是我无法弄清楚如何存储所有这些数据，然后再将这些信息显示为“客户订单”并列出所有新信息。

Answer 1

var customerobject={name,address,postalcode,phone,email};

是不正确的。 实际上，您只是在为对象提供没有值的键。 它应该是这样的：

  var customerobject = {name: "",address: "",postalcode: "",phone: "",email: ""}

这是一个基于您的代码的示例：

 var objectarray = []; function addToArray() { var customerobject = { name: "", address: "", postalcode: "", phone: "", email: "" } customerobject.name = document.getElementById("name").value; customerobject.address = document.getElementById("address").value; customerobject.postalcode = document.getElementById("postalcode").value; customerobject.phone = document.getElementById("phone").value; customerobject.email = document.getElementById("email").value; objectarray.push(customerobject); console.log(objectarray); } document.getElementById("clickMe").addEventListener("click", clicked); function clicked() { addToArray(); } 

 <input id="name" value="Gregory" /> <input id="address" value="Mapstreet" /> <input id="postalcode" value="56467454" /> <input id="phone" value="1234" /> <input id="email" value="me@myself.com" /> <button id="clickMe">click me</button>