为数组中的每个元素添加属性/索引

Question

我调用一个返回对象数组的网络服务：

$.ajax({
  dataType: "json",
  url: "WebServices/FetchMenu.aspx?P=0&L=2&mt=1",
  //data: data,
  success: function (data) {
    var foo = data;
  }
});

这是回应：

[
    {
        color: "red",
        value: "#f00"
    },
    {
        color: "green",
        value: "#0f0"
    },
    {
        color: "blue",
        value: "#00f"
    },
    {
        color: "cyan",
        value: "#0ff"
    }
]

我想为每个元素添加一个属性row_number ，其中包含数组中元素的当前索引。

我需要这个，因为我稍后会更改元素的顺序，但希望能够识别元素的原始位置。

Answer 1

没有什么特别的事情要做。 只需遍历数组并将属性添加到每个元素：

for (var i = 0; i < foo.length; i++) {
  foo[i].row_number = i;
}

// or with forEach

foo.forEach(function(row, index) {
  row.row_number = index;
});

有关 JavaScript 中嵌套数据结构的更多一般信息，请参阅访问/处理（嵌套）对象、数组或 JSON 。

Answer 2

如果您想保留旧对象，或者想在不修改现有数组的调用链中执行此操作，您也可以使用 map。

const oldArray = [{a: 'Andy'}, {b: 'Betty'}, {c: 'Charlie'}];
const newArray = oldArray.map((item, index) => ({index, ...item}));
console.log(newArray);
// Array [Object { index: 0, a: "Andy" }, Object { index: 1, b: "Betty" }, Object { index: 2, c: "Charlie" }]

Answer 3

如果 foo 是你可以做的一个对象

foo.Row_Number

如果是列表，您可以使用 $.each 并对每个对象执行相同操作。

$.each(obj, function (index) {
    this.row_number = index + 1;
});

Answer 4

let index = 0;
items.forEach((item) => (item.index = index++));