javascript - 将值添加到对象数组中

Question

我在 UI 表上显示了这个对象数组。它有 3 列，分别是姓名、联系人和 ID。

[Object, Object, Object]
0:Object
    name: "Rick"
    Contact: "Yes"
    id: 1
1:Object
    name:"Anjie"
    Contact:"No"
    id: 2
2:Object
    name:"dillan"
    Contact:"Maybe"
    id:3

现在，我在表的顶部添加了一个新行。所以新添加到对象数组中的行看起来像这样。

[Object, Object, Object,Object]
0:Object  //newly added row. Since new row is added, it doesnt have any data.
 name: ""
 Contact: ""
 id: 
1:Object
 name: "Rick"
 Contact: "Yes"
 id: 1
2:Object
 name:"Anjie"
 Contact:"No"
 id: 2
3:Object
 name:"dillan"
 Contact:"Maybe"
 id:3

我希望对象数组看起来像这样而不是上面一个。

[Object, Object, Object,Object]
0:Object  //newly added row. Since new row is added, it doesnt have any data.
 name: ""
 Contact: ""
 id: 4        
1:Object
 name: "Rick"
 Contact: "Yes"
 id: 1
2:Object
 name:"Anjie"
 Contact:"No"
 id: 2
3:Object
 name:"dillan"
 Contact:"Maybe"
 id:3

唯一的变化是第 0 个对象的 id 值。您可以看到我将其输入为 4。它将检查对象数组中的最大值以获取 id。在这种情况下，它是 3。因此它会增加 1，并将其作为新添加行的 id 值。

有人可以告诉我如何实现这一目标吗？

此外，我还有一个疑问。

如果我的id值如下。

1
2
3
4
5
6

然后我删除了 4 和 5。所以新行将是

1
2
5
6

在这里，它将检查最大长度为 4，并将 id 值 5 添加到新行。它看起来有点像这样。

5
1
2
5
6

在这种情况下，重复了 5。我不想要这个。相反，我想看看哪个是给 id 的最高值，然后根据它递增 id。所以它应该看起来像这样。

7
1
2
5
6

Answer 1

如果我没理解错的话，你只是想运行:

array[0].id = array.length;

添加行后立即。或者，如果您可以在添加新行时控制表示新行的对象的值，则可以将行添加为:

{
  name:"",
  Contact:"",
  id: array.length + 1
}

编辑:

响应您的编辑，显示数组的行可以删除。

在这种情况下，要获取 ID 值，您有多种选择。

一种是在删除时遍历数组的所有成员，并减少所有id大于删除行的行的id。这可能是最好的解决方案。

示例代码:

var delete = function(array, idToDelete) {
  for(var i = 0; i < array.length; i += 1) {
    if(array[i].id === idToDelete) {
      array.splice(i, 1);
    } else if (array[i].id > idToDelete) {
      array[i].id = array[i].id - 1;
    }
  }
}

如果出于某种原因，这不是一个选项，我建议遍历数组以找到其中最高的 ID，然后加 1。

var newId = array[0].id;
for(var i = 0; i < array.length; i += 1) {
  if(array[i].id > newId) {
    newId = array[i].id;
  } 
}
array.splice(0, 0, {name:"", Contact:"", id: newId + 1});