JavaScript中array.push添加对象失效问题及代码求助

嘿，我仔细看了你的代码，其实你的array.push()方法完全在正常工作！你觉得它没成功，主要是两个小细节误导了你：

问题原因 #

• alert()的显示限制：alert()只能输出字符串，当你直接传入包含对象的数组时，它会把每个对象默认转为[object Object]，看起来像什么都没加，但实际上对象已经被成功推入数组了。
• 未定义的tempObj：你代码里的console.log(tempObj)会在控制台抛出错误，因为tempObj这个变量根本没被声明过，这个错误可能让你误以为是push操作出了问题。

修复方案 #

1. 正确查看数组内容 #

别用alert()看对象数组，改用console.log()，它会清晰展示数组里的对象结构。另外，建议先把要添加的对象存成变量，方便调试：

let address_book = [];
function myFunction() {
  let contact_name = document.getElementById("contact_name").value;
  let contact_email = document.getElementById("contact_email").value;
  let contact_phone = document.getElementById("contact_phone").value;
  
  // 先把新联系人存成变量
  const newContact = {
    name: contact_name,
    email: contact_email,
    phone: contact_phone
  };
  
  address_book.push(newContact);
  console.log("新添加的联系人：", newContact);
  console.log("完整地址本：", address_book);
}

2. 如果一定要用alert展示内容 #

可以用JSON.stringify()把对象数组转成可读的格式化字符串：

alert(JSON.stringify(address_book, null, 2)); // 第三个参数2用于缩进，让输出更易读

3. 额外检查点 #

确认你的输入框id和代码里getElementById()的参数完全一致（比如有没有大小写错误、拼写错误），虽然你说单个值push正常，但这个小细节有时候也会导致值为undefined。

内容的提问来源于stack exchange，提问作者Awwal