JavaScript Array Methods

Modern array methods: map, filter, reduce, forEach, find, and more for functional programming.

forEach

// Loop through array
const arr = [1, 2, 3];
arr.forEach((item, index) => {
    console.log(item, index);
});

map

// Transform array
const nums = [1, 2, 3];
const doubled = nums.map(n => n * 2);
// [2, 4, 6]

// Extract property
const names = users.map(u => u.name);

filter

// Filter array
const nums = [1, 2, 3, 4, 5];
const evens = nums.filter(n => n % 2 === 0);
// [2, 4]

// Filter objects
const adults = users.filter(u => u.age >= 18);

reduce

// Sum array
const nums = [1, 2, 3, 4];
const sum = nums.reduce((acc, n) => acc + n, 0);
// 10

// Count occurrences
const count = items.reduce((acc, item) => {
    acc[item] = (acc[item] || 0) + 1;
    return acc;
}, {});

find & findIndex

// Find first match
const found = nums.find(n => n > 2);
const index = nums.findIndex(n => n > 2);

// Find object
const user = users.find(u => u.id === 5);

some & every

// Check if some match
const hasEven = nums.some(n => n % 2 === 0);

// Check if all match
const allPositive = nums.every(n => n > 0);

sort

// Sort numbers
const nums = [3, 1, 4, 1, 5];
nums.sort((a, b) => a - b);

// Sort objects
users.sort((a, b) => a.age - b.age);

flat & flatMap

// Flatten nested array
const nested = [[1, 2], [3, 4]];
const flat = nested.flat();
// [1, 2, 3, 4]

// FlatMap
const arr = [1, 2, 3];
arr.flatMap(n => [n, n * 2]);