Array Methods
Essential array manipulation methods
#arrays #methods #map #filter #reduce
Array Methods
Modern JavaScript array methods for data transformation.
Map and Filter
const numbers = [1, 2, 3, 4, 5];
// Map - transform each element
const doubled = numbers.map(n => n * 2);
console.log(doubled); // [2, 4, 6, 8, 10]
// Filter - select elements
const evens = numbers.filter(n => n % 2 === 0);
console.log(evens); // [2, 4]
// Chain methods
const result = numbers
.filter(n => n > 2)
.map(n => n ** 2);
console.log(result); // [9, 16, 25]
Reduce
const numbers = [1, 2, 3, 4, 5];
// Sum
const sum = numbers.reduce((acc, n) => acc + n, 0);
console.log(sum); // 15
// Object from array
const users = ['Alice', 'Bob', 'Charlie'];
const userObj = users.reduce((acc, name, i) => {
acc[i] = name;
return acc;
}, {});
console.log(userObj); // {0: 'Alice', 1: 'Bob', 2: 'Charlie'}
Find and Some/Every
const users = [
{name: 'Alice', age: 30},
{name: 'Bob', age: 25},
{name: 'Charlie', age: 35}
];
// Find first match
const bob = users.find(u => u.name === 'Bob');
console.log(bob); // {name: 'Bob', age: 25}
// Check if any match
const hasYoung = users.some(u => u.age < 30);
console.log(hasYoung); // true
// Check if all match
const allAdults = users.every(u => u.age >= 18);
console.log(allAdults); // true
Discover another handy tool from EditPDF.pro