从 vue 道具中的数组中删除对象

Question

从数组中拼接对象时，我遇到了一个非常奇怪的行为。

我有一个带有对象的 js 数组。我通过道具传递它并基于它填充导航。现在，当我尝试在created hood 中删除它时，它删除了一半并保留了一半。 这是代码。很简单

props: {
 navItems: {
  type: Array,
 },
},

在创建的钩子中我有

let nav = this.navItems
for(let j in nav){
  nav.splice(j,1)
}
console.log(nav) // print half item from the array. Shouldn't remove all?
this.nav = nav

谢谢。

Answer 1

让我们来看看这个数组：

  [1, 2, 3]

如果您删除第一个元素，您最终会出现：

 [2, 3]

现在你删除第二个元素：

[2]

第三个：

 [2]

如您所见，您实际上想拼接出第一个元素，直到数组为空：

 while(nav.length)
   nav.splice(0, 1);

或者只是：

  nav.splice(0, nav.length);