How to use filter() method In Javascript

Using map() method

You may access an array of items and create a new array in JavaScript by using the map() function. The map() function calls a given function on each element of the original array, creating a new array with the results.

Syntax:

arrayName.filter(function(item) {
    console.log(item);
});

Example: The code below demonstrates how we can use the filter function to access the elements of the array of objects. It also shows how we can get a specific object from the array of objects using the clause in the filter function:

Javascript

// Array of objects
let objArr = [
    {
        name: 'john',
        age: 12,
        gender: 'male'
    },
    {
        name: 'jane',
        age: 15,
        gender: 'female'
    },
    {
        name: 'julie',
        age: 20,
        gender: 'trans'
    }
];
 
console.log("Accessing the Array using the forEach loop:")
objArr.filter(function (item) {
    console.log(item);
});
console.log("Using the Filer method to acces value")
const search = objArr.filter(function (item) {
    return item.name === 'jane';
});
console.log(search);

Output

Accessing the Array using the forEach loop:
{ name: 'john', age: 12, gender: 'male' }
{ name: 'jane', age: 15, gender: 'female' }
{ name: 'julie', age: 20, gender: 'trans' }
Using the Filer method to ...

How to Access Array of Objects in JavaScript ?

In this article, we are going to learn how we Access an Array of Objects in JavaScript. An array of objects in JavasScript is a collection of elements that individually hold a number of properties and values.

How to Access an Array of Objects in JavaScript?

The approaches to access the array of objects in JavaScript are:

Table of Content

Using the Brackets notation
Using the DOT notation
Using the for..in loop
Using forEach Loop
Using map() method
Using filter() method

Tags:

#JavaScript-Questions #JavaScript #Web Technologies

Using map() method

How to use filter() method In Javascript

Syntax:

Javascript

How to Access Array of Objects in JavaScript ?

Similar Reads

Contact Us