JavaScript Array Methods You Must Know

# JavaScript Array Methods You Must Know A handful of array methods cover the vast majority of data transformation work in JavaScript. Knowing them well means writing less code and fewer bugs than manual loops. ## map() Transforms every item in an array and returns a new array of the same length. ```javascript const prices = [100, 200, 300]; const withTax = prices.map((p) => p * 1.18); ``` ## filter() Returns a new array containing only the items that pass a condition. ```javascript const inStock = products.filter((p) => p.quantity > 0); ``` ## reduce() Combines all array items into a single value — a total, an object, or another array. ```javascript const total = prices.reduce((sum, price) => sum + price, 0); ``` `reduce` is powerful but can hurt readability if overused — sometimes a simple loop is clearer for complex logic. ## find() and findIndex() Return the first matching item (or its index), useful when you need exactly one result instead of a filtered array. ## some() and every() Return a boolean: `some` checks if at least one item matches a condition, `every` checks if all items do. ```javascript const hasOutOfStock = products.some((p) => p.quantity === 0); ``` ## Chaining Methods These methods chain naturally, letting you filter, then map, then reduce in a single readable pipeline instead of multiple separate loops. ## Conclusion Mastering these methods means you'll rarely need a manual `for` loop for array transformations, and your code becomes easier for other developers to scan and understand.