자바스크립트에서의 배열 메소드 활용하기 💻

자바스크립트에서 배열을 다루는 것은 웹 개발의 핵심입니다. 특히, 배열 메소드를 이해하고 활용하는 것은 데이터를 효율적으로 처리하는 데 큰 도움이 됩니다. 여기서는 주니어 개발자들이 쉽게 이해할 수 있도록 몇 가지 유용한 배열 메소드를 소개하고, 간단한 예제를 통해 그 사용법을 설명하겠습니다.

forEach() - 배열의 각 요소에 대해 함수 실행하기

forEach() 메소드는 배열의 각 요소에 대해 주어진 함수를 실행합니다. 이는 배열의 모든 요소를 순회하며 각 요소에 대해 특정 작업을 수행할 때 유용합니다.

const fruits = ['사과', '바나나', '체리'];
fruits.forEach(function(item, index) {
  console.log(index, item);
});

map() - 배열의 각 요소를 변환하기

map() 메소드는 모든 요소에 대해 함수를 호출하고, 결과를 모아 새로운 배열을 반환합니다. 이는 데이터의 형태를 변환할 때 매우 유용합니다.

const numbers = [1, 2, 3, 4];
const squared = numbers.map(n => n * n);
console.log(squared); // [1, 4, 9, 16]

filter() - 조건에 맞는 요소만 추출하기

filter() 메소드는 주어진 함수의 테스트를 통과하는 모든 요소로 새로운 배열을 만듭니다. 이는 특정 조건을 만족하는 요소만 필터링할 때 사용됩니다.

const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(n => n % 2 === 0);
console.log(evenNumbers); // [2, 4]

reduce() - 배열의 각 요소를 하나의 값으로 결합하기

reduce() 메소드는 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환합니다. 이는 배열 내의 모든 요소를 합치거나, 특정 값을 계산할 때 사용됩니다.

const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(sum); // 15

이러한 배열 메소드들을 활용하면, 데이터를 다루는 작업을 보다 쉽고 효율적으로 할 수 있습니다. 간단한 예제를 통해 실습해보면서 자바스크립트에서의 배열 메소드 활용법을 마스터해보세요!