JavaScript Array filter Method Filtering Arrays

JavaScript Array filter Method Filtering Arrays

Today, We want to share with you JavaScript Array filter Method Filtering Arrays.
In this post we will show you JavaScript Array filter Method Filtering Arrays, hear for Filtering Arrays with Array using javascript we will give you demo and example for implement.
In this post, we will learn about JavaScript Array filter() Method with an example.

The JavaScript simple Array filter to method creates a new simple array by filtering used function out the elements of an existing Like as an array using a callback function.

The JavaScript simple Array filter method and its iterates over the each value of an simple array passing it to a callback function.

Syntax : filter() function

var filteredArray = array.filter(callback [, contextObject])

List of Parameters

The callback function to use in javascript
simple Object to be used as a all context for the callback function in javascript

filter() function Return Value

It’s Returns created an array.

Example of JavaScript Array filter

var nameList = [
{name:'segment A', project:20, kpi:'Kpi 1'},
{name:'segment B', project:60, kpi:'Kpi 2'},
{name:'segment C', project:22, kpi:'Kpi 3'},
{name:'segment D', project:40, kpi:'Kpi 4'}

var arrayfiltervalu = nameList.filter(function (product) {
      return == "segment B" && product.project < 30;

//To See Output all Result as Array

filter() Array Method in JavaScript

var srnumber = [1, 3, 6, 8, 11];
var drdatano = srnumber.filter(function(number) {
  return number > 7;

Output// [ 8, 11 ]

Filtering an array of objects

var subject = [
	{name: “Angulajs”, franchise: “ng”},
	{name: “Laravel”, franchise: “lv”},
	{name: “vuejs”, franchise: “lv”},
	{name: “magento”, franchise: “mg”}

var laraveldis =  subject.filter(function(item) {
	return item.franchise == “lv”;


// [ {name: “Laravel”, franchise: “lv”}, {name: “vuejs”, franchise: “lv”} ]

Example is really simple : using filter() function

var aarrayname = [5, 4, 3, 2, 1];
smallvalues = aarrayname.filter(function(x) { return x < 3 });   // output [2, 1]
everyother = aarrayname.filter(function(x,i) { return i%2==0 }); // output [5, 3, 1]

View Demo

Related FAQ

Here are some more FAQ related to this Article:

  1.   jQuery Dynamically addClass and removeClass
  2.   Laravel Autocomplete Live Search from database
  3.   Smooth Scroll to ID using jQuery
  4.   Laravel 6 Image Uploader and Browser for CKEditor
  5.   Real time progress bar With PHP
  6.   PHP Autocomplete Input tags with Dynamic Data using jquery Ajax
  7.   Add Edit And Delete Records Using jQuery Ajax PHP And MySQL
  8.   PHP Laravel Charts and Graphs Data from Database
  9.   How to Get selected/checked Radio Button value using jQuery?
  10.   jQuery Ajax QR Code Generator PHP script Download