拼接没有按我预期的方式工作[重复]答案

【问题标题】：Splice not working the way I expect [duplicate]拼接没有按我预期的方式工作[重复]
【发布时间】：2016-06-30 07:53:36
【问题描述】：

考虑以下几点：

var _processSupplementalData = function(supfData) {

    if (!supfData.length > 0) {
      return;
    }

    var sectionData = {
      label: supfData[0].label,
      supplementalLinks: [],
    }

    supfData.forEach(function(data, index, object) {
      sectionData.supplementalLinks.push(data);
      supfData.splice(index, 1);
    });

    //dataObservableArray.push(sectionData);

    console.log(sectionData);
}

我的问题很简单：

supfData 是一个包含 4 个对象的数组。就目前的代码而言，sectionData 对象在其末尾有一个大小为 2 的 supplementalLinks 数组。

如果我删除 splice 代码，supplementalLinks 数组现在有正确的大小：4。

我如何使用错误的拼接使得数组中只有 2 个对象而不是 4 个？

shift 为我做同样的事情。

我预计会发生什么？

每个项目都添加到数组中，需要从我正在迭代的数组中删除。如果我正在迭代的数组中有 4 个对象，那么 sectionData.supplementalLinks 数组中应该有 4 个对象。

【问题讨论】：

您希望 splice 做什么？它会在您迭代数组时从数组中删除项目
如果你在 forEach 中splice，元素会向下移动一个，因此它会跳过下一个元素。
您在迭代中删除该数据。
Splice 不断改变数组，下一个元素在旧索引位置，但下一次迭代认为索引不是旧索引而是旧索引 + 1。所以它有点双跳值.
@RobG 看到 OP，我把我期望发生的事情。如果您认为这是重复的，请链接到一个正确的问题来回答这个问题。

标签： javascript

【解决方案1】：

问题是你正在改变你正在迭代的数组。因此，在第一次迭代之后，您的数组只有三个项目，当它从数组中检索第二项时，它是从被修改的数组中检索它。

如果你可以向后迭代，那么问题就消失了

for(var i=supfData.length - 1; i >-1; i++) {
  sectionData.supplementalLinks.push(data);
  supfdataCopy.splice(i, 1);
});

【讨论】：

很酷，所以现在对之前已经被问过并回答过多次的问题有了另一个答案。
链接解释了问题发生的原因以及解决方法您发布的第一个“解决方案”并没有解决问题，副本的行为与原始版本完全相同（它仍然会跳过该元素拼接的一个，如果有的话）。