【问题标题】:Splice or Remove list of elements from JSON Array ,removing even numbered items only instead of matching items从 JSON 数组拼接或删除元素列表,仅删除偶数项而不是匹配项
【发布时间】:2017-05-01 19:49:29
【问题描述】:

我有一个这样的 REST API 的 JSON 数组输出,我正在使用 ng-repeat 在 HTML 上显示这些项目。

    var searchresponse = [{
"items": [{
    "employeeId": "ABC",
    "type": "D",
    "alive": "Yes"

}, {
    "employeeId": "DEF",
    "type": "D",
    "alive": "Yes"

}, {
    "employeeId": "NPK",
    "type": "D",
    "alive": "Yes"

}, {
    "employeeId": "PKN",
    "type": "A",
    "alive": "Yes"
}],
"more": false
}];

当用户尝试使用 selectall/single select 删除时,我正在调用 REST API 以从 db 中删除员工 ID。一旦我得到一个成功的响应,我计划拼接/删除用户从视图中选择的值。我想从搜索响应中删除以下employeeid 及其类型,alive 已删除

    var data1=["ABC","NPK","PKN"];

我试过这样做

var data1=["ABC","NPK"];
var items=searchresponse[0].items;
for(i in items){
if(data1.indexOf(items[i].employeeId)!=-1){
    items.splice(i,1);
}
}
console.log(searchresponse[0].items);

真正发生的是,它只删除了偶数项,例如:它删除了 ABC,PKN 。 (它正在删除列表中的第 0、第 2、第 4 项。留下第 1、第 3 项等)。我在这里缺少什么

【问题讨论】:

  • 它不会从列表中删除项目
  • 可以通过$index获取对象的索引,然后从数组中拼接对象
  • 我该怎么做axcl,请你指导我。我被这件事震惊了一天。

标签: javascript jquery angularjs arrays json


【解决方案1】:

问题是当你从数组中移除一项时,数组中其他项的索引向左移动。

假设您在数组中有 4 个项目 ([a, b, c, d]) 并且您正在删除第一个项目,因此 i=0 那么第二次迭代中的结果数组将是 [b,c,d]i 现在将是 i=1实际上,您在循环中错过了b

var searchresponse = [{
  "items": [{
    "employeeId": "ABC",
    "type": "D",
    "alive": "Yes"

  }, {
    "employeeId": "DEF",
    "type": "D",
    "alive": "Yes"

  }, {
    "employeeId": "NPK",
    "type": "D",
    "alive": "Yes"

  }, {
    "employeeId": "PKN",
    "type": "A",
    "alive": "Yes"
  }],
  "more": false
}];

var data1 = ["ABC", "NPK", "PKN"];

var data1 = ["ABC", "NPK"];
var items = searchresponse[0].items;
for (var i = items.length - 1; i >= 0; i--) {
  if (data1.indexOf(items[i].employeeId) != -1) {
    items.splice(i, 1);
  }
}
console.log(searchresponse[0].items);

【讨论】:

  • 哇!!非常感谢约翰尼。它就像一个魅力!也感谢您的解释:)
猜你喜欢
  • 2017-04-29
  • 1970-01-01
  • 1970-01-01
  • 2012-07-16
  • 2010-10-04
  • 1970-01-01
  • 1970-01-01
  • 2011-02-05
  • 1970-01-01
相关资源
最近更新 更多