Contenido del Curso

JavaScript Data Structures

1. Introduction and Prerequisites

Introduction to JavaScript Data Structures Prerequisites for Learning JavaScript Data Structures What You'll Learn in This Course Tips for Success

2. Fundamentals of JavaScript Objects

Understanding Objects in JavaScript Creating Objects in JavaScript Working with Nested Object Properties Challenge: Create and Structure an Object Accessing Object Properties in JavaScript Challenge: Retrieve Object Property Values Managing Object Properties Challenge: Modify and Extend an Object Defining Object Methods Using Properties within Methods Challenge: Work with Object Methods Fundamentals of JavaScript Objects Sum-Up

3. Advanced Object Manipulation Techniques

Iterating Over Object Properties with the for...in Loop Challenge: Explore Object Properties with Iteration Using hasOwnProperty() to Check Object Properties Challenge: Object Property Iteration with hasOwnProperty()Cloning and Merging Objects with the Spread Operator Challenge: Combine Objects with the Spread Operator Destructuring Objects for Cleaner Code Challenge: Extract Data with Object Destructuring Advanced Object Manipulation Sum-Up

4. Mastering JavaScript Arrays

Understanding JavaScript Arrays Challenge: Access Array Elements Modifying Arrays and Accessing Elements Challenge: Modify Array Elements Iterating Over Arrays with the for Loop Challenge: Loop Through Arrays with for Using the for...of Loop for Array Iteration Challenge: Efficient Array Iteration with for...of Mastering JavaScript Arrays Sum-Up

5. Advanced Array Methods and Transformations

Transforming Arrays with the map() Method Challenge: Modify Array Elements Using map()Filtering Arrays with the filter() Method Challenge: Select Specific Data Using filter()Finding Elements in an Array with the find() Method Challenge: Search for Items Using find()Sorting Arrays with the sort() Method Challenge: Sort and Extract Data with sort()Advanced Array Methods and Transformations Sum-Up Course Summary

Filtering Arrays with the filter() Method

This chapter delves into the intricacies of the filter() method, elucidating its syntax, applications, and how it facilitates the creation of refined arrays.

filter()

The filter() method selects elements that meet a particular condition. Let's decipher the syntax:

Here's what we need to know about the filter() method:

It does not alter the original array;
It iterates over the original array element by element;
It returns a new array;
Elements are added to the new array if they satisfy the callback condition;
If the callback returns true, the element is included; otherwise, it is omitted.

Examples

The true prowess of the filter() method becomes apparent when applied to diverse scenarios. Let's delve into some illustrative examples:

Example 1: Filtering Odd Numbers

In this example, the filter() method creates an array (oddNumbers) comprising only odd numbers from the original array.


              123456
            
const numbers = [15, 22, 37, 41, 58, 67, 72];

const oddNumbers = numbers.filter((number) => {
  return number % 2 !== 0;
});
console.log(oddNumbers); // Output: 15, 37, 41, 67