JavaScript Array method: filter()
[this page | pdf | back links]
The filter() method (when applied to a JavaScript
array) creates
a new array consisting only of elements that pass a specified test. Elements
that fail the test are removed.
It
has the following syntax with the following parameters. It returns an array
as above.
array.filter(function(currentValue,
index, arr), thisValue)
Parameter
|
Required / Optional
|
Description
|
function(currentValue,
index, arr)
|
Required
|
A function to be run
for each element
|
thisValue
|
Optional
|
A value to be passed to
the function to be used as its ‘this’ value (if empty then thisValue
will be undefined
|
The function
arguments are:
Parameter
|
Required / Optional
|
Description
|
currentValue
|
Required
|
The value of the
current element
|
Index
|
Optional
|
The array index of the
current element
|
arr
|
Optional
|
The array object which
the current element belongs to
|
EXAMPLE:
HTML USED IN THIS EXAMPLE:
<!DOCTYPE html>
<html> <!-- Copyright (c) Nematrian Limited 2018 -->
<head>
<style>
table,th,tr,td {border: 1px solid black; border-collapse: collapse;}
</style>
</head>
<body>
<table>
<tr>
<th>Example</th>
<th>Resulting value of <code>x</code></th>
</tr>
<tr>
<td><code id="Example"></code></td>
<td><code id="Result"></code></td>
</tr>
</table>
<script>
var h = [-1, 2, 3];
document.getElementById("Example").innerHTML =
'var h = [-1, 2, 3];<br>' +
'function positive(x) {<br>' +
' return x > 0;<br>' +
'}' +
'var x = h.filter(square);';
document.getElementById("Result").innerHTML = h.filter(positive);
function positive(x) {
return x > 0;
}
</script>
</body>
</html>
|
FUNCTION THAT MAY ASSIST IN TESTING WHETHER FEATURE IS SUPPORTED:
function isSupportedJavaScriptMethodArrayFilter() {
var h = [1, 2, 3]; return !!h.filter;
} |
NAVIGATION LINKS
Contents | Prev | Next | JavaScript Arrays