javascript 자주 사용하는 배열 메소드 정리

Javascript는 웹 개발에서 필수적인 언어로 사용되며, 그 중에서도 배열 메서드는 자주 사용되는 중요한 기능 중 하나입니다. 오늘은 JavaScript의 주요 배열 메서드들을 살펴보고, 이들의 기능과 사용법에 대해 자세히 설명하겠습니다.

배열 메서드 개요

JavaScript에서 배열은 여러 개의 값을 저장하는데 사용되는 객체입니다. JavaScript는 배열을 다루는데 필요한 여러 가지 메서드를 제공합니다. 이러한 메서드들은 배열에 있는 각 요소에 대해 동작을 수행하거나, 배열의 특정 요소를 선택하거나, 배열을 변형하는 등의 기능을 수행합니다.

forEach() 메서드

forEach() 메서드는 배열의 모든 요소에 대해 주어진 함수를 실행합니다. 이 메서드는 배열의 각 요소를 순회하며, 각 요소에 대해 주어진 콜백 함수를 호출합니다. 콜백 함수는 각 요소의 값과 인덱스를 인자로 받아옵니다.

예를 들어, 다음 코드는 배열의 각 요소를 콘솔에 출력합니다.

let arr = [1, 2, 3, 4, 5];
arr.forEach(function(value, index) {
  console.log("배열의 " + index + "번째 요소: " + value);
});

map() 메서드

map() 메서드는 배열의 모든 요소에 대해 주어진 함수를 실행하고, 그 결과로 새로운 배열을 반환합니다. 이 메서드는 원래 배열을 변경하지 않습니다.

예를 들어, 다음 코드는 각 요소를 제곱한 새로운 배열을 생성합니다.

let arr = [1, 2, 3, 4, 5];
let squared = arr.map(function(value) {
  return value * value;
});
console.log(squared);  // 출력: [1, 4, 9, 16, 25]

filter() 메서드

filter() 메서드는 배열의 각 요소를 테스트하고, 주어진 함수의 테스트를 통과한 모든 요소로 새로운 배열을 만듭니다. 이 메서드는 원래 배열을 변경하지 않습니다.

예를 들어, 다음 코드는 홀수 요소만 선택하여 새로운 배열을 생성합니다.

let arr = [1, 2, 3, 4, 5];
let odds = arr.filter(function(value) {
  return value % 2 === 1;
});
console.log(odds);  // 출력: [1, 3, 5]

reduce() 메서드

reduce() 메서드는 배열의 모든 요소에 대해 함수를 적용하고, 그 결과를 단일 값으로 축소합니다. 이 메서드는 원래 배열을 변경하지 않습니다.

예를 들어, 다음 코드는 배열의 모든 요소를 더합니다.

let arr = [1, 2, 3, 4, 5];
let sum = arr.reduce(function(accumulator, value) {
  return accumulator + value;
}, 0);
console.log(sum);  // 출력: 15

마무리

이 글에서는 JavaScript의 주요 배열 메서드들을 살펴보았습니다. 배열 메서드는 JavaScript에서 매우 중요한 역할을 하는데, 이를 잘 이해하고 사용하면 코드를 더 효율적으로 작성할 수 있습니다. 배열 메서드를 활용하여 복잡한 작업을 단순하고 간결하게 표현할 수 있습니다.