迭代数组并向每个嵌套数组添加新字段

Question

我有一个来自AJAX调用的JSON数组，如下所示：

[{field1: "Something", field2: "Other"},{field1: "Something", field2: "Other"},{field1: "Something", field2: "Other"}]

我想在数据表上使用此数据，但我想根据字段标题（组）向表中的每一行添加文本输入。因此，我想将此列添加到每个数组，类似于：

[{field1: "Something", field2: "Other", Group: "Text Input"},{field1: "Something", field2: "Other", Group: "Text Input"},{field1: "Something", field2: "Other", Group: "Text Input"}]

这样DataTables将在每个新行上添加文本输入。如何使用jQuery或javascript实现这一点？

我尝试通过数组进行迭代：

var i, j, arrayItem;
for (i = 0; i < array.length; ++i) {
    arrayItem = array[i];
    arrayItem.push({Group: "Text Input"});
}

但这显示错误，“推送”不是一个函数。如您所见，JSON数组没有针对每个嵌套数组的显式索引，并且每个数组都不是唯一的。




Answer 1

{field d1：“某物”，field d2：“其他”}不是数组，它是一个对象。数组由[]包围，对象位于{}中，元素为key： value。

您不需要使用push（）添加到对象，只需指定属性即可。

array.forEach(e => e.Group = "text Input");

或

for (var i = 0; i < array.length; i++) {
    array[i].Group = "text Input";
}

Answer 2

你不能推，因为它是一个对象。只需分配给对象。

var fields = [{
  field1: "Something",
  field2: "Other"
}, {
  field1: "Something",
  field2: "Other"
}, {
  field1: "Something",
  field2: "Other"
}]

fields.forEach(x =>
  x.Group = "Text Input"
)
console.log(fields)

Answer 3

数组中的条目不是数组，而是对象。（数组也是对象，但这些条目不是数组。）要将属性添加到对象，简单的方法是为其指定：

arrayItem.Group = "text input";

您可以使用for循环，就像您所做的那样，这是绝对正确的，或者从ES5及以上版本开始（或者对于过时的环境使用polyfill），您可以使用forEach：

array.forEach(function(entry) {
    entry.Group = "text input";
});

这样做的好处是，您不需要那些i和arrayItem变量。

在ES2015中，您可以使用来执行以下循环：

for (const entry of array) {
    entry.Group = "text input";
}

...它具有相同的优点（入口仅在循环内定义）。