[javascript] 배열 순회 시 요소 반올림하여 자릿수 조절하기

자바스크립트에서 배열을 순회하면서 요소들의 값을 반올림하여 자릿수를 조절하는 방법에 대해 알아보겠습니다.

문제 상황

예를 들어, 다음과 같은 배열이 있다고 가정해봅시다.

const numbers = [5.234, 9.874, 3.582, 7.123];

이 배열의 각 요소들은 소수점 뒤에 여러 자릿수가 있습니다. 이를 자릿수를 조절하여 소수점 두 자리까지 나타내고 싶다면 어떻게 해야 할까요?

해결 방법

자바스크립트에서는 toFixed() 메소드를 사용하여 소수점 자릿수를 조절할 수 있습니다. toFixed() 메소드는 해당 숫자를 소수점이 아닌 고정된 자릿수까지 반올림하여 문자열로 반환해줍니다.

배열을 순회하면서 각 요소를 toFixed() 메소드를 통해 조절하면 됩니다. 다음은 이에 대한 예시 코드입니다.

const numbers = [5.234, 9.874, 3.582, 7.123];

const adjustedNumbers = numbers.map(number => parseFloat(number.toFixed(2)));

console.log(adjustedNumbers);

위 코드에서 map() 함수를 사용하여 배열의 각 요소에 접근하고, toFixed(2)를 통해 소수점 두 자리까지 반올림한 뒤, parseFloat()를 사용하여 다시 숫자로 변환하여 배열에 저장합니다. adjustedNumbers 변수에는 조절된 요소들이 담기게 됩니다.

동작 확인

위 코드를 실행하면 배열의 각 요소가 반올림하여 소수점 두 자리까지 조절된 것을 확인할 수 있습니다.

출력 결과:

[5.23, 9.87, 3.58, 7.12]

결론

위와 같은 방법을 사용하여 배열을 순회하면서 요소들의 값을 반올림하여 자릿수를 조절할 수 있습니다. toFixed() 메소드를 사용하여 원하는 자릿수로 반올림한 뒤, 다시 숫자로 변환해야 정확한 결과를 얻을 수 있습니다. 이를 응용하여 자신의 프로젝트나 계산 로직에 적용해보세요.