Javascript에서 배열을 순회하고 각 요소에 접근하려면 여러 가지 방법이 있습니다. 그 중에서도 map 메서드를 사용하는 방법은 매우 편리하고 유용합니다. map 메서드를 사용하면 각 요소에 대해 지정된 콜백 함수를 실행하고, 그 결과를 새로운 배열로 반환할 수 있습니다.
다음은 map 메서드를 사용하여 배열을 순회하는 간단한 예제입니다.
const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map((num) => {
return num * 2;
});
console.log(doubledNumbers);
위의 코드에서는 numbers라는 배열을 선언하고, map 메서드를 사용하여 각 요소를 두 배로 만들어 doubledNumbers라는 새로운 배열에 저장하고 있습니다. 실행 결과로는 [2, 4, 6, 8, 10]이 출력됩니다.
map 메서드는 각 요소에 대해 콜백 함수를 실행하고, 그 결과를 새로운 배열에 저장하기 위해 사용되는 고차 함수입니다. 콜백 함수는 세 가지 매개변수를 받는데, 첫 번째 매개변수는 현재 요소의 값, 두 번째 매개변수는 현재 요소의 인덱스, 세 번째 매개변수는 원본 배열 자체입니다.
const numbers = [1, 2, 3, 4, 5];
const squaredNumbers = numbers.map((num, index) => {
return num ** index;
});
console.log(squaredNumbers);
위의 코드에서는 map 메서드의 콜백 함수에서 현재 요소의 값과 인덱스를 사용하여 계산한 값을 반환하여 squaredNumbers 배열에 저장하고 있습니다. 실행 결과로는 [1, 2, 9, 64, 625]가 출력되는데, 각 요소는 인덱스의 제곱값으로 계산되었습니다.
map 메서드를 사용하여 배열을 순회하고 각 요소에 접근하는 것은 코드의 간결성과 가독성을 높여줍니다. 또한, 콜백 함수 내에서 자유롭게 요소를 변형하거나 다른 데이터와 조합하여 새로운 배열을 생성할 수 있는 장점도 있습니다.
더 자세한 내용을 학습하고 싶다면, 다음의 참고 자료를 참고하세요.