为什么数组中有空项目?如何清除它们?

时间:2018-08-04 18:12:03

标签: javascript arrays function for-loop

我正在使用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 ]

4 个答案:

答案 0 :(得分:2)

您需要使用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]));

答案 1 :(得分:1)

delete函数会删除项目的内容,但会保留一个空白位置。

您需要使用splice方法来删除元素而又不留空槽。

arr.splice(i, 1);

答案 2 :(得分:1)

delete operator删除对象的属性。这是具有数组值的索引。结果是sparse array

要获取没有某些项的数组,可以过滤该数组。

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]));

答案 3 :(得分:0)

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

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