为什么我的数组中有空项目以及如何删除它们？ [重复]

Question

我正在使用 Visual Studio Code。我正在尝试使用 JavaScript 返回一个仅包含奇数的数组。这是代码：

function oddCouple(arr) {
  for (let i = 0; i < arr.length; i++) {
    if (arr[i] % 2 == 0) {
      delete arr[i];
    }
  }
  return arr;
}

console.log(oddCouple([2, 6, 7, 0, 1, 3, 7, 5]));

这就是我得到的。我不想要空的物品，只想要奇数。

[ <2 empty items>, 7, <1 empty item>, 1, 3, 7, 5 ]

Answer 1

您需要使用

splice()

而不是删除，因为

delete

不会更改数组的长度。但要小心在

splice()

循环中使用

for

，因为您在循环遍历数组时会更改数组，这效果不佳。

另一种方法是向后循环：

function oddCouple(arr) {
  for (let i = arr.length - 1; i >= 0; i--) {
    if (arr[i] % 2 == 0) {
      arr.splice(i, 1);
    }
  }
  return arr;
}

console.log(oddCouple([2, 6, 7, 0, 1, 3, 7, 5]));

当然，更好的选择是使用

filter()

，但请注意，这不会更改原始数组。

function oddCouple(arr) {
  return arr.filter(i => i % 2)  
}

console.log(oddCouple([2, 6, 7, 0, 1, 3, 7, 5]));

Answer 2

delete

函数会删除项目的内容，但保留一个空槽。

您需要

splice

方法来删除元素而不留下空槽。

arr.splice(i, 1);

Answer 3

delete

运算符删除对象的属性。这是带有数组值的索引。结果是一个稀疏数组。

要获取不包含某些项目的数组，您可以过滤该数组。

function oddCouple(array) {
    return array.filter(v => v % 2);
}

console.log(oddCouple([2, 6, 7, 0, 1, 3, 7, 5]));

或者，如果您需要相同的数组引用，那么您可以使用

Array#splice

并从末尾迭代数组，因为拼接项目后索引会发生变化。

function oddCouple(array) {
    var i = array.length;
    while (i--) {
        if (array[i] % 2 === 0) {
            array.splice(i, 1);
        }
    }
    return array;
}

console.log(oddCouple([2, 6, 7, 0, 1, 3, 7, 5]));

Answer 4

您可以通过过滤真值来返回数组：

function oddCouple(arr) {
  for (let i = 0; i < arr.length; i++) {
    if (arr[i] % 2 == 0) {
      delete arr[i];
    }
  }
  return arr.filter(r=>r);
}

console.log(oddCouple([2, 6, 7, 0, 1, 3, 7, 5]));

相反，我可以简单地做：

const arr = [2,6,7,0,1,3,7,5]
console.log(arr.filter(r=>r%2!=0))
//or,
console.log(arr.filter(r=>r%2)) // !=0