JavaScript: 迭代删除数组元素

const arr = ['a', 'a', 'a', 'd', 'e', 'f']


for (let i = 0; i < arr.length; ++i) {
  console.log(`arr.length = ${arr.length}, i = ${i}`)
  if (arr[i] === 'a') {
    arr.splice(i, 1)
  }
}

console.log(arr)

 

i 始终为一个, arr.length不断减少

 

Solution:

const arr = ['a', 'a', 'a', 'd', 'e', 'f']


for (let i = 0; i < arr.length; ++i) {
  console.log(`arr.length = ${arr.length}, i = ${i}`)
  if (arr[i] === 'a') {
    arr.splice(i, 1)
    i--
  }
}

console.log(arr)

 

for in:

const arr = ['a', 'a', 'a', 'd', 'e', 'f']


for (const index in arr) {
  console.log(`arr.length = ${arr.length}, index = ${index}`)
  if (arr[index] === 'a') {
    arr.splice(index, 1)
  }
}

console.log(arr)

 

 

for in 每次都重新定义index, 因此const index不会报错, 但是 for 循环使用const会报错, 因此不能使用 index--, 因为 不是同一 index

 

倒叙删除

const arr = ['a', 'a', 'a', 'd', 'e', 'f']

for (let i = arr.length - 1; i >= 0; --i) {
  console.log(`arr.length = ${arr.length}, i = ${i}`)
  if (arr[i] === 'a') {
    arr.splice(i, 1)
  }
}

console.log(arr)