Course Content
The Complete Frontend Developer Roadmap
The Complete Frontend Developer Roadmap
0/1
Lesson 1:- What is JavaScripts
Introduction to JavaScripts
0/1
Lesson 2:- JavaScript Course for Beginners – Your First Step to Web Development
JavaScript Course for Beginners
0/1
Lesson 3:-Object-oriented Programming in JavaScript: Made Super Simple
Object-oriented Programming in JavaScript
0/1
Lesson 4:- JavaScript Arrays
JavaScript Arrays
0/1
Less0n 5:- JavaScript Functions
JavaScript Functions
0/1
Lesson 6:- JavaScript Strings
JavaScript Strings
0/1
Lesson 7:- JavaScript if else
JavaScript if else
0/1
Lesson 8:- JavaScript Loops
JavaScript Loops
0/1
Lessons 9:- JavaScript Factory Functions
JavaScript Factory Functions
0/1
Lesson 10:- JavaScript Constructor Functions
JavaScript Constructor Functions
0/1
Lesson 11:- JavaScript Getters and Setters
JavaScript Getters and Setters
0/1
Lesson 12:- JavaScript Value vs Reference Types
JavaScript Value vs Reference Types
0/1
Lesson 13:- JavaScript Scope (Local vs Global)
JavaScript Scope (Local vs Global)
0/1
Lesson 14:- JavaScript Let vs Var vs Constant
JavaScript Let vs Var vs Constant
0/1
Lesson 15:- JavaScript Cloning an Object
JavaScript Cloning an Object
0/1
Lesson 16:- JavaScript this Keyword
JavaScript this Keyword
0/1
Lesson 17:- JavaScript Template Literals
JavaScript Template Literals
0/1
Lesson 18:- JavaScript Array Filter
JavaScript Array Filter
0/1
Lesson 19:- JavaScript Array Map
JavaScript Array Map
0/1
Lesson 20:- JavaScript Array Reduce
JavaScript Array Reduce
0/1
Extra Lesson 1:-Learn Modern JavaScript in 1 Hour
Learn Modern JavaScript in 1 Hour
0/1
Extra Lesson 2:- JavaScript Unit Testing Tutorial for Beginners
JavaScript Unit Testing Tutorial for Beginners
0/1
Extra Lesson 3:- React Testing for Beginners
React Testing for Beginners
0/1
9 Reasons People Hate JavaScript
9 Reasons People Hate JavaScript
0/1
JavaScripts for Beginners
00:00
03:45
About Lesson

JavaScript Array filter() Method

  • Purpose: Creates a new array containing only the elements of the original array that pass a specified test condition.

  • Syntax:

    JavaScript

     
    const newArray = array.filter(callback(element, index, array)) 
    
    • callback: A function that takes three arguments:
      • element: The current element being processed in the array.
      • index: The index of the current element in the array.
      • array: The original array.
    • The callback function should return true for elements to be included in the new array, and false for elements to be excluded.
  • Example:

const numbers = [1, 2, 3, 4, 5]; const evenNumbers = numbers.filter(number => number % 2 === 0); console.log(evenNumbers); // Output: [2, 4] 1

* **Key Points:**

- The `filter()` method does not modify the original array. It creates a new array containing the filtered elements.
- The `filter()` method can be used to extract specific elements from an array based on various criteria.
- You can use arrow functions concisely within the `filter()` method.

**Common Use Cases:**

* **Filtering data based on specific conditions:** 
 - Filtering out invalid entries from a form.
 - Selecting items from a list that match a search query.
 - Extracting data that falls within a certain range.

* **Data cleaning and transformation:** 
 - Removing duplicates from an array.
 - Filtering out unwanted elements before further processing.

The `filter()` method is a powerful tool for working with arrays in JavaScript, providing a concise and efficient way to extract specific elements based on your needs.