Scribd
Upload
3K views

Filter and Map Examples

example

Uploaded by

Utkarsh Bhardwaj
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
3K views

Filter and Map Examples

example

Uploaded by

Utkarsh Bhardwaj
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

Filtering even numbers:

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const evenNumbers = numbers.filter((num) => num % 2 === 0);


console.log(evenNumbers); // Output: [2, 4, 6, 8, 10]

Filtering strings with a specific length:

const fruits = ['apple', 'banana', 'kiwi', 'orange', 'grape'];

const fruitsWithLengthFive = fruits.filter((fruit) => fruit.length ===


5);
console.log(fruitsWithLengthFive); // Output: ['apple', 'grape']
Filtering objects with a certain property value:
const products = [
{ name: 'Laptop', price: 1000 },
{ name: 'Smartphone', price: 500 },
{ name: 'Tablet', price: 800 },
{ name: 'Monitor', price: 300 },
];

const affordableProducts = products.filter((product) => product.price


<= 800);
console.log(affordableProducts);
// Output: [{ name: 'Smartphone', price: 500 }, { name: 'Tablet',
price: 800 }, { name: 'Monitor', price: 300 }]

Filtering out null and undefined values from an array:

const mixedValues = [10, 'hello', null, 25, undefined, 'world'];


const filteredValues = mixedValues.filter((value) => value !== null &&
value !== undefined);
console.log(filteredValues); // Output: [10, 'hello', 25, 'world']

Filtering numbers greater than a specific threshold:

const scores = [80, 65, 90, 50, 75, 95];


const passedScores = scores.filter((score) => score >= 70);
console.log(passedScores); // Output: [80, 90, 75, 95]

Filtering elements based on their data type:

const mixedData = [10, 'hello', true, null, 25, undefined, false];


const numbersOnly = mixedData.filter((value) => typeof value ===
'number');
console.log(numbersOnly); // Output: [10, 25]

Filtering out duplicates from an array:

const duplicates = [1, 2, 2, 3, 4, 4, 5, 5, 5];


const uniqueValues = duplicates.filter((value, index, array) =>
array.indexOf(value) === index);
console.log(uniqueValues); // Output: [1, 2, 3, 4, 5]

Filtering objects based on multiple criteria:


const students = [
{ name: 'Alice', age: 22, grade: 'A' },
{ name: 'Bob', age: 19, grade: 'B' },
{ name: 'Charlie', age: 20, grade: 'A' },
{ name: 'Diana', age: 21, grade: 'A' },
];

const goodStudents = students.filter((student) => student.age >= 20 &&


student.grade === 'A');
console.log(goodStudents);
// Output: [{ name: 'Alice', age: 22, grade: 'A' }, { name: 'Diana',
age: 21, grade: 'A' }]

Filtering out empty strings from an array:


const words = ['apple', '', 'banana', '', 'kiwi', ''];

const nonEmptyWords = words.filter((word) => word !== '');


console.log(nonEmptyWords); // Output: ['apple', 'banana', 'kiwi']

Filtering elements that satisfy a custom condition:

const temperatures = [10, 25, 30, 18, 15];

const comfortableTemps = temperatures.filter((temp) => temp >= 15 &&


temp <= 25);
console.log(comfortableTemps); // Output: [25, 18, 15]

Examples for map() method:

Mapping an array of numbers to their squares:

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


const squares = numbers.map((num) => num * num);
console.log(squares); // Output: [1, 4, 9, 16, 25]

Mapping an array of strings to their lengths:


const words = ['apple', 'banana', 'kiwi', 'orange', 'grape'];

const wordLengths = words.map((word) => word.length);


console.log(wordLengths); // Output: [5, 6, 4, 6, 5]

Mapping an array of objects to extract specific properties:

const products = [
{ name: 'Laptop', price: 1000 },
{ name: 'Smartphone', price: 500 },
{ name: 'Tablet', price: 800 },
{ name: 'Monitor', price: 300 },
];

const productNames = products.map((product) => product.name);


console.log(productNames); // Output: ['Laptop', 'Smartphone',
'Tablet', 'Monitor']
Mapping an array of temperatures from Celsius to Fahrenheit:
const celsiusTemps = [0, 10, 20, 30, 40];

const fahrenheitTemps = celsiusTemps.map((tempCelsius) => (tempCelsius


* 9/5) + 32);
console.log(fahrenheitTemps); // Output: [32, 50, 68, 86, 104]

Mapping an array of strings to uppercase:


const fruits = ['apple', 'banana', 'kiwi', 'orange', 'grape'];
const capitalizedFruits = fruits.map((fruit) => fruit.toUpperCase());
console.log(capitalizedFruits); // Output: ['APPLE', 'BANANA', 'KIWI',
'ORANGE', 'GRAPE']
Mapping an array of numbers to strings with custom formatting:
const numbers = [100, 42, 789, 5, 300];

const formattedNumbers = numbers.map((num) => `Number: ${num}`);


console.log(formattedNumbers);
// Output: ['Number: 100', 'Number: 42', 'Number: 789', 'Number: 5',
'Number: 300']

Mapping an array of objects to a new shape:


const students = [
{ name: 'Alice', age: 22 },
{ name: 'Bob', age: 19 },
{ name: 'Charlie', age: 20 },
];

const studentSummaries = students.map((student) => ({


fullName: student.name,
status: student.age >= 20 ? 'Adult' : 'Teenager'
}));
console.log(studentSummaries);
/* Output:
[
{ fullName: 'Alice', status: 'Adult' },
{ fullName: 'Bob', status: 'Teenager' },
{ fullName: 'Charlie', status: 'Teenager' }
]
*/
Mapping an array of boolean values to their negations:

const boolValues = [true, false, true, true, false];

const negatedValues = boolValues.map((value) => !value);


console.log(negatedValues); // Output: [false, true, false, false,
true]

Mapping an array of numbers to strings with different units:


const distancesInMeters = [1000, 500, 200, 100];

const distancesInKilometers = distancesInMeters.map((distance) => `$


{distance / 1000} km`);
console.log(distancesInKilometers); // Output: ['1 km', '0.5 km', '0.2
km', '0.1 km']

Mapping an array of strings to their first characters:


const words = ['apple', 'banana', 'kiwi', 'orange', 'grape'];

const firstCharacters = words.map((word) => word.charAt(0));


console.log(firstCharacters); // Output: ['a', 'b', 'k', 'o', 'g']

You might also like