javascript - remove array element on condition

Question

I was wondering how I'd go about implementing a method in javascript that removes all elements of an array that clear a certain condition. (Preferably without using jQuery)

Ex.

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

The above would go through each item in the array and remove all those that return true for the condition (in the example, item > 3).

I'm just starting out in javascript and was wondering if anyone knew of a short efficient way to get this done.

--update--

It would also be great if the condition could work on object properties as well.

Ex.

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

Where the item would be removed if item.str == "c"

--update2--

It would be nice if index conditions could work as well.

Ex.

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

Answer 1

You can use Array filter method.

The code would look like this:

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