javascript - NodeList 数据未被删除

Question

我有一个包含 3 个对象的数组对象。我想删除除第一个对象之外的所有对象。

这是我从 XML 中获得的数据:

mrArr[0] = <Data>
                <G> "Val" = "5" </G>
           </Data>  
mrArr[1] = <Data>
                <G> "Val" = "6" </G>
           </Data>
mrArr[2] = <Data>
                <G> "Val" = "7" </G>
           </Data>

我已经创建了一个循环来尝试执行此操作，但它只删除了一个元素。我的循环有什么问题？:

for(var i = 1; i < myArr.length; i++){
    myArr[i].remove();
}

它只删除一个元素。

Answer 1

由于您在每次迭代后改变数组，array.length 不断减少。因此，在您的示例中，循环仅执行一次，因此仅删除一个元素。

这是您要实现的目标的工作示例。

var nodes = document.getElementsByTagName('div');

console.log('Before removal:', nodes);

while (nodes.length > 1) {
  var node = nodes[nodes.length - 1];
  node.parentNode.removeChild(node);
}

console.log('After removal:', nodes);

<div id="div-01">Here is div-01</div>
<div id="div-02">Here is div-02</div>
<div id="div-03">Here is div-03</div>