javascript - 对象之间的区别(javascript 和 jquery)

Question

这可能是一个奇怪的问题。我试图将两个数组融合在一起，但读出的结果将它们显示为不同类型的对象。当我提醒他们时，由 .serializeArray() jquery 函数收集的第一种类型显示如下:

[object Object]

第二个是我通过使用更多 JS 方式推送每个选项得到的，如下所示:

[object HTMLOptionElement]

下面是我的代码:

   incrCopy();
   enableSubmit();
   disableReset();

   var linkedInArray = [];
   $('form select option.linked-in').each( function() {
   linkedInArray.push(this);
   })
   //These alert the second way

   prevVals = $("form").serializeArray();
   //They alert the first way
   prevVals.push(linkedInArray);
   alert(prevVals);

有人知道我在这里缺少什么吗？

Answer 1

这不是 jQuery 和 JavaScript 之间的区别。就是这样serializeArray作品。它不返回 HTML 元素列表，而是返回具有名称/值属性的普通旧对象列表。

例如，是否要找到这样的东西:

<input name="user[eye_color]" value="brown" />
<input name="user[age]" value="47" />

它将返回一个普通旧对象数组，看起来像这样:

[
  {
    name: "user[eye_color]",
    value: "brown"
  },
  {
    name: "user[age]",
    value: 47
  }
]

相反，您的第一个循环迭代 jQuery 选择器，其中每个元素都是 native HTMLElement某种类型(HTMLDivElement、HTMLInputElement、HTMLTableElement 等)。