조아마시

쓸모 있는 상세페이지 만들기

웹개발/javascript

[자바스크립트] 숫자 구분자

joamashi 2024. 7. 28. 22:06

자바스크립트 숫자 구분자(Numeric separator)는 긴 숫자를 읽기 쉽게 만들기 위해 숫자 사이에 언더바(_)를 삽입하는 기능입니다. 특히 큰 숫자를 다룰 때 유용하며, 코드의 가독성을 향상시키는 데 도움을 줍니다.

왜 숫자 구분자가 필요할까요?

  • 가독성 향상: 긴 숫자를 끊어서 표현하여 숫자를 더 쉽게 인식할 수 있도록 합니다.
  • 오류 감소: 숫자를 입력하거나 복사할 때 발생할 수 있는 오타를 줄여줍니다.
  • 국제적인 표기 방식: 많은 국가에서 숫자를 3자리마다 쉼표(,)로 구분하는 표기법을 사용합니다. 숫자 구분자는 이러한 국제적인 표기 방식과 유사합니다.

숫자 구분자 사용 예시

// 숫자 구분자 사용
const billion = 1_000_000_000;
console.log(billion); // 1000000000

// 이진수 표현
const binaryNumber = 0b1111_1111;
console.log(binaryNumber); // 255

// 16진수 표현
const hexadecimalNumber = 0xAB_CD_EF;
console.log(hexadecimalNumber); // 11240351

// 부동소수점 숫자
const bigNumber = 3.14159_26535;
console.log(bigNumber); // 3.1415926535

숫자 구분자 사용 시 주의할 점

  • 언더바 위치: 숫자의 어느 위치에든 언더바를 삽입할 수 있지만, 일반적으로 3자리마다 삽입하는 것이 일반적입니다.
  • 숫자의 시작과 끝: 숫자의 처음과 끝에는 언더바를 사용할 수 없습니다.
  • 소수점: 소수점 앞뒤에 언더바를 사용할 수 있습니다.
  • 숫자 리터럴: 숫자 리터럴에서만 사용 가능하며, 변수나 표현식에서는 사용할 수 없습니다.

숫자 구분자 지원 브라우저

  • 모던 브라우저: 대부분의 최신 브라우저에서 숫자 구분자를 지원합니다.
  • IE11: 지원하지 않습니다.

숫자 구분자 활용

  • 큰 숫자 표현: 인구 수, 금액 등 매우 큰 숫자를 가독성 있게 표현할 때 유용합니다.
  • 코드 가독성 향상: 복잡한 수식이나 데이터를 다룰 때 코드의 가독성을 높여줍니다.
  • 오류 방지: 긴 숫자를 입력하거나 복사할 때 발생할 수 있는 오류를 줄여줍니다.
728x90