자바스크립트에서는 배열을 순회하면서 특정 요소들을 숫자로 변환해야 할 때가 있습니다. 이럴 때는 일반적으로 map 메서드를 사용하여 간단하게 해결할 수 있습니다.

배열 순회하여 숫자로 변환하기

다음은 배열을 순회하며 각 요소를 숫자로 변환하는 예제입니다.

const array = ['1', '2', '3', '4', '5'];

const numberArray = array.map(item => parseInt(item));

console.log(numberArray); // [1, 2, 3, 4, 5]

위의 예제에서는 map 메서드를 사용하여 array 배열의 각 요소를 parseInt 함수를 통해 숫자로 변환하고, 변환된 숫자들로 이루어진 새로운 배열 numberArray를 생성합니다.

주의사항

숫자로 변환할 때에는 값이 숫자인지 확인하는 과정이 필요할 수 있습니다. 만약 배열의 요소 중 숫자가 아닌 값이 포함되어 있다면 NaN이 반환될 수 있습니다. 이를 방지하기 위해 조건문을 활용하여 숫자인지 확인하는 로직을 추가하는 것이 좋습니다.

const array = ['1', '2', '3', '4', '5', 'abc'];

const numberArray = array.map(item => {
  const number = parseInt(item);
  
  if (isNaN(number)) {
    return 0; // 숫자가 아니라면 0으로 설정
  }
  
  return number;
});

console.log(numberArray); // [1, 2, 3, 4, 5, 0]

위의 예제에서는 array 배열에 ‘abc’라는 숫자가 아닌 값을 추가하여, 해당 값을 숫자로 변환할 수 없는 경우를 처리하였습니다. 이 경우에는 isNaN 함수를 사용하여 숫자인지 확인하고, 숫자가 아닌 경우는 0으로 설정하였습니다.

결론

자바스크립트에서 배열을 순회하며 특정 요소들을 숫자로 변환하는 방법에 대해 알아보았습니다. map 메서드와 parseInt 함수를 활용하여 간단하게 숫자로 변환할 수 있습니다. 단, 숫자로 변환할 때에는 값이 숫자인지 확인하는 로직을 추가하는 것이 좋습니다.