迭代 JavaScript 对象并删除数组 [关闭]

Question

我有这样的 ab 对象：

{cards: [{id: 1}], [{id: 2}],[{id: 2}],[{id: 3}],[{id: 4}] ]

我想从对象中删除例如 id:3 并尝试了这个：

        for (let key in _tempCards.cards) {

            if (_tempCards.cards[key].id === 3)
                delete _tempCards.cards[key];

    }

对象应该是这样的

{cards: [{id: 1}], [{id: 2}],[{id: 2}],[{id: 4}] ]

如何删除这部分对象？

Answer 1

你提供的代码不是一个对象，不管你怎么看。

{cards: [{id: 1}], [{id: 2}],[{id: 2}],[{id: 3}],[{id: 4}] ]

让我们分解一下：

1. 您打开一个对象，但从不关闭它。好吧，让我们关闭它...
   {cards: [{id: 1}], [{id: 2}],[{id: 2}],[{id: 3}],[{id: 4}] ]}

2. 现在你（有点）有一个对象，第一个属性（cards）包含一个带有单个对象的数组：[{id:1}]，而不是你有一堆其他属性没有键，它们与cards 处于同一级别，它们不在父对象的cards 属性内，我相信你打算......

   李>

3. ...并且您还在最后一个 keyless 属性之后关闭了一个数组，我不知道您从哪里开始（/打算开始但忘记了），所以我有将其删除以获取有效对象。

我对你的对象应该是什么样子的最佳猜测是：

{ cards: [{ id: 1 }, { id: 2 }, { id: 3 }, { id: 4 } ] }

或者，美化了……

Object = {
  cards: [{
    id: 1
  },
  {
    id: 2
  },
  {
    id: 3
  },
  {
    id: 4
  }]
}

您现在在Object 的cards 属性中有一个对象数组。另一个可能的数据结构是

cards: [ [{ id: 1 }], [{ id: 2 }], [{ id: 3 }], [{ id: 4 }] ]

这是 @KindUser 被认为最有可能用于您的数据的结构。

---

结论：，很明显你的对象是“人造的”。这是错误的。您要么使用工具来验证和可视化您的数据（搜索“JSON 查看器”、“美化 js”等），要么更加关注自己在做什么。

Answer 2

_tempCards.cards=_tempCards.cards.filter(function(arr){
    return arr[0].id!==3;//allow every arrays first element, that hasnt an id of 3
});

您可以使用酷炫的 Array.prototype.filter 来过滤您的数组。您的代码基本上可以工作，但您必须考虑到，您的数组包含包含您的对象的数组。

for (let key in _tempCards.cards) {
    if (_tempCards.cards[key][0].id === 3)
            delete _tempCards.cards[key];
    }
}

Answer 3

必须稍微重构您的对象才能使其工作。

var _tempCards = {
  cards: [
    [{
      id: 1
    }],
    [{
      id: 2
    }],
    [{
      id: 3
    }],
    [{
      id: 4
    }]
  ]
}

for (var i = 0; i < _tempCards.cards.length; i++) {
  if (_tempCards.cards[i][0].id == 3) {
    _tempCards.cards.splice(i, 1);
  }
}

console.log(_tempCards);