$100 Website Offer

Get your personal website + domain for just $100.

Limited Time Offer!

Claim Your Website Now

Map, Reduce and Filter Method in JavaScript

map, filter, and reduce are higher-order array methods in JavaScript that provide powerful ways to manipulate arrays and transform data. Here’s an overview of each method:

1. map() Method:

The map() method creates a new array by applying a function to each element of an existing array. It returns a new array with the results of calling the provided function on every element in the original array.

let numbers = [1, 2, 3, 4, 5];

let doubled = numbers.map(num => num * 2);
console.log(doubled); // Output: [2, 4, 6, 8, 10]

2. filter() Method:

The filter() method creates a new array with all elements that pass a test provided by a callback function. It returns a new array containing only the elements for which the callback function returns true.

let numbers = [1, 2, 3, 4, 5];

let evens = numbers.filter(num => num % 2 === 0);
console.log(evens); // Output: [2, 4]

3. reduce() Method:

The reduce() method executes a reducer function on each element of the array, resulting in a single output value. It’s useful for calculating sums, aggregating data, or performing any operation that requires combining elements of an array.

let numbers = [1, 2, 3, 4, 5];

let sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(sum); // Output: 15 (1 + 2 + 3 + 4 + 5)

In the reduce() method:

  • The accumulator parameter stores the accumulated result of the computation.
  • The currentValue parameter represents the current element being processed.
  • The 0 at the end of the reduce() call is the initial value of the accumulator.

These array methods are powerful tools for transforming and manipulating data in JavaScript. They allow you to write concise and expressive code for common array operations, making your code more readable and maintainable.

Related Posts

Exploring Dining Options Made Simple: How to Discover Restaurants and Connect with Venues

Introduction Deciding where to eat can sometimes feel surprisingly difficult. Whether you are looking for a quick lunch during a busy workday, planning a celebratory family dinner,…

Read More

Elevate Your Daily Research and Industry Insights With a Smart AI News Aggregator

Introduction Following the news today can feel like standing in the middle of a busy railway station while dozens of announcers shout different updates at the exact…

Read More

Website Contact Page Design: Best Practices for Usability, Trust, and Conversions

Introduction A website contact page is often the final destination before a prospect decides whether to do business with you. Potential buyers navigate through your service pages,…

Read More

Smart Travel Connectivity: How to Evaluate Data, Networks, and Roaming Plans

Introduction Stepping off an international flight without internet access creates immediate hurdles. Modern travelers depend on connected phones to hail airport rides, check digital boarding passes, navigate…

Read More

Mautic vs listmonk vs Dittofeed — Complete Self-Hosted Marketing Automation Comparison

For your requirements—automatic lead capture, centralized contacts, segmentation, Amazon SES, WhatsApp bulk campaigns, automated follow-ups, low operating costs, and complete data ownership—Mautic is my first recommendation. However,…

Read More

Global Mobile Network Identifiers: A Practical Guide to Telecom Codes and Provider Records

Introduction Every time a mobile phone connects to a cellular tower, a quiet digital handshake takes place. Whether a smartphone is roaming in a foreign airport, an…

Read More
Subscribe
Notify of
guest
0 Comments
Oldest
Newest Most Voted
0
Would love your thoughts, please comment.x
()
x