javascript - xóa phần tử mảng với điều kiện

Tôi đã tự hỏi làm thế nào tôi sẽ thực hiện một phương thức trong javascript để loại bỏ tất cả các phần tử của một mảng xóa một điều kiện nhất định. (Tốt hơn là không sử dụng jQuery)

Ví dụ.

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

Ở trên sẽ đi qua từng mục trong mảng và loại bỏ tất cả những return truemục cho điều kiện (trong ví dụ, mục> 3).

Tôi chỉ mới bắt đầu với javascript và tự hỏi liệu có ai biết cách hiệu quả ngắn để hoàn thành việc này không.

- cập nhật -

Nó cũng sẽ rất tốt nếu điều kiện cũng có thể hoạt động trên các thuộc tính đối tượng.

Ví dụ.

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

Mục sẽ bị xóa ở đâu nếu item.str == "c"

- update2 -

Sẽ rất tốt nếu các điều kiện chỉ mục cũng có thể hoạt động.

Ví dụ.

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

Bạn có thể thêm phương pháp của riêng mình để Arraythực hiện điều gì đó tương tự, nếu filterkhông hiệu quả với bạn.

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

Đối với tôi, đó là một trong những tính năng thú vị nhất của JavaScript. Ian đã chỉ ra một cách hiệu quả hơn để làm điều tương tự. Xét rằng đó là JavaScript, mọi bit đều giúp:

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

Điều này giúp tránh phải lo lắng về việc cập nhật lengthhoặc bắt các mục tiếp theo, khi bạn làm việc theo cách của bạn sang trái thay vì phải.

Bạn có thể sử dụng phương pháp lọc Mảng .

Mã sẽ như thế này:

ar = [1, 2, 3, 4];
ar = ar.filter(item => !(item > 3));
console.log(ar) // [1, 2, 3]

Bạn có thể sử dụng Array.filter(), điều này ngược lại:

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

Bạn có thể sử dụng 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]

Tôi thích những loại câu hỏi này và chỉ là một phiên bản khác với tôi ... :)

Array.prototype.removeIf = function(expression) {
   var res = [];
    for(var idx=0; idx<this.length; idx++)
    {
      var currentItem = this[idx];
        if(!expression(currentItem))
        {
            res.push(currentItem);
        }
    }
    return res;
}

ar = [ 1, 2, 3, 4 ];
var result = ar.removeIf(expCallBack);


console.log(result);
function expCallBack(item)
{
    return item > 3;
}

chỉ cần viết ví dụ sau nếu điều kiện cũng có thể hoạt động trên các thuộc tính đối tượng

var ar = [ {num:1, str:"a"}, {num:2, str:"b"}, {num:3, str:"c"} ];
var newArray = [];
for (var i = 0, len = ar.length; i<len; i++) {
        if (ar[i].str == "b") 
        {newArray.push(ar[i]);};
 };
console.log(newArray);

Xem ví dụ về Live Example

Biến nó thành một lớp lót với chức năng mũi tên:

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