javascript - 在条件下删除数组元素

Question

我想知道如何在javascript中实现一个方法,删除清除某个条件的数组的所有元素.(最好不使用jQuery)

防爆.

ar = [ 1, 2, 3, 4 ];
ar.removeIf( function(item, idx) {
    return item > 3;
});

上面将遍历数组中的每个项目并删除所有那些return true条件(在示例中,项目> 3).

我刚刚开始使用javascript,并且想知道是否有人知道一种简短有效的方法来完成这项工作.

- 更新 -

如果条件也适用于对象属性也会很好.

防爆.

ar = [ {num:1, str:"a"}, {num:2, str:"b"}, {num:3, str:"c"} ];
ar.removeIf( function(item, idx) {
    return item.str == "c";
});

如果项目将被删除 item.str == "c"

- update2 -

如果索引条件也可以正常工作,那就太好了.

防爆.

ar = [ {num:1, str:"a"}, {num:2, str:"b"}, {num:3, str:"c"} ];
ar.removeIf( function(item, idx) {
    return idx == 2;
});

Answer 1

您可以使用Array过滤方法.

代码如下所示:

ar = [ 1, 2, 3, 4 ];
ar = ar.filter( function(item) {
    return !(item > 3);
});

Answer 2

你可以添加自己的方法Array来做类似的事情,如果filter不适合你.

Array.prototype.removeIf = function(callback) {
    var i = 0;
    while (i < this.length) {
        if (callback(this[i], i)) {
            this.splice(i, 1);
        }
        else {
            ++i;
        }
    }
};

对我而言,这是JavaScript最酷的功能之一.伊恩指出了一种更有效的方法来做同样的事情.考虑到它是JavaScript,每一点都有帮助:

Array.prototype.removeIf = function(callback) {
    var i = this.length;
    while (i--) {
        if (callback(this[i], i)) {
            this.splice(i, 1);
        }
    }
};

这样就无需担心更新length或捕捉下一个项目,因为你的工作方式是左,而不是正确.

Answer 3

你可以使用Array.filter(),反之亦然:

ar.filter(function(item, idx) {
    return item <= 3;
});

Answer 4

您可以使用lodash.remove

var array = [1, 2, 3, 4];
var evens = _.remove(array, function(n) {
  return n % 2 == 0;
});

console.log(array);
// => [1, 3]

console.log(evens);
// => [2, 4]

Answer 5

使其成为具有箭头功能的单线：

ar = ar.filter(i => i > 3);

Answer 6

如果您需要仅删除一项，并且您确定该项存在，则可以使用 splice：

ar.splice(ar.findIndex(el => el.id === ID_TO_REMOVE), 1);

http://jsfiddle.net/oriadam/72kgprw5/

警告当未找到项目时，上述操作将失败，因此当您因某种原因已检查该项目是否存在时，请使用它。

编辑：filter有效，但在某些情况下您可能更喜欢使用拼接。它比过滤器快约 10 倍，并就地更改数组。

例如，当您需要在删除该项目之前对其进行处理时：

let foundIdx=arr.findIndex(x=>x.id=123);
if (foundIdx>=0) {
    const found=arr[foundIdx];
    /* ...do things with found item... */
    arr.splice(foundIdx,1); 
}