"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > JavaScript의 마스터 번호 데이터 유형 가이드

JavaScript의 마스터 번호 데이터 유형 가이드

2024-07-30에 게시됨
검색:213

A Guide to Master Numbers Data Type in JavaScript

숫자는 모든 프로그래밍 언어의 기본 부분이며 JavaScript도 예외는 아닙니다. 숫자를 효율적으로 조작하고 운영하는 방법을 이해하는 것은 모든 개발자에게 필수적입니다. 이 글에서는 JavaScript의 다양한 숫자 기능을 살펴보고 이를 익히는 데 도움이 되는 자세한 설명, 예시 및 설명을 제공합니다.

JavaScript의 숫자 소개

JavaScript에서 숫자는 IEEE 754 표준에 따라 64비트 부동 소수점 값(이중 정밀도)으로 저장됩니다. 이는 JavaScript에 정수와 부동 소수점 숫자를 모두 나타낼 수 있는 단일 숫자 유형이 있음을 의미합니다.

let intNumber = 42;
let floatNumber = 3.14;
console.log(intNumber); // Output: 42
console.log(floatNumber); // Output: 3.14

숫자 만들기

숫자는 리터럴이나 숫자 생성자를 사용하여 만들 수 있습니다.

let literalNumber = 100;
let constructorNumber = new Number(100);
console.log(literalNumber); // Output: 100
console.log(constructorNumber); // Output: [Number: 100]

숫자 속성

  • MAX_VALUE: 가능한 가장 큰 숫자입니다.
console.log(Number.MAX_VALUE); // Output: 1.7976931348623157e 308
  • MIN_VALUE: 가능한 가장 작은 숫자입니다.
console.log(Number.MIN_VALUE); // Output: 5e-324
  • NaN: 숫자가 아닌 값을 나타냅니다.
console.log(Number.NaN); // Output: NaN
  • NEGATIVE_INFINITY: 음의 무한대를 나타냅니다.
console.log(Number.NEGATIVE_INFINITY); // Output: -Infinity
  • POSITIVE_INFINITY: 양의 무한대를 나타냅니다.
console.log(Number.POSITIVE_INFINITY); // Output: Infinity

숫자 방법

1. toString()

숫자를 문자열로 변환합니다.

let num = 123;
console.log(num.toString()); // Output: "123"

2. 고정()

고정 소수점 표기법을 사용하여 숫자 형식을 지정합니다.

let num = 123.456;
console.log(num.toFixed(2)); // Output: "123.46"

3. to지수()

반올림되고 지수 표기법을 사용하여 작성된 숫자가 포함된 문자열을 반환합니다.

let num = 123456;
console.log(num.toExponential(2)); // Output: "1.23e 5"

4. 정밀함()

숫자를 지정된 길이로 형식화합니다.

let num = 123.456;
console.log(num.toPrecision(4)); // Output: "123.5"

5. 가치()

Number 객체의 기본 값을 반환합니다.

let numObj = new Number(123);
console.log(numObj.valueOf()); // Output: 123

전역 번호 기능

1. isNaN()

값이 NaN인지 확인합니다.

console.log(isNaN(NaN)); // Output: true
console.log(isNaN(123)); // Output: false

2. isFinite()

값이 유한수인지 확인합니다.

console.log(isFinite(123)); // Output: true
console.log(isFinite(Infinity)); // Output: false

3. 파싱인트()

문자열을 구문 분석하고 정수를 반환합니다.

console.log(parseInt("123")); // Output: 123
console.log(parseInt("123.45")); // Output: 123
console.log(parseInt("abc")); // Output: NaN

4. 파싱플로트()

문자열을 구문 분석하고 부동 소수점 숫자를 반환합니다.

console.log(parseFloat("123.45")); // Output: 123.45
console.log(parseFloat("123")); // Output: 123
console.log(parseFloat("abc")); // Output: NaN

5. 숫자()

값을 숫자로 변환합니다.

console.log(Number("123")); // Output: 123
console.log(Number("123.45")); // Output: 123.45
console.log(Number("abc")); // Output: NaN

수학 객체

JavaScript의 Math 객체는 다양한 수학 함수와 상수를 제공합니다.

1. Math.abs()

숫자의 절대값을 반환합니다.

console.log(Math.abs(-123)); // Output: 123

2. 수학.ceil()

숫자를 가장 가까운 정수로 반올림합니다.

console.log(Math.ceil(123.45)); // Output: 124

3. Math.floor()

숫자를 가장 가까운 정수로 내림합니다.

console.log(Math.floor(123.45)); // Output: 123

4. 수학.라운드()

숫자를 가장 가까운 정수로 반올림합니다.

console.log(Math.round(123.45)); // Output: 123
console.log(Math.round(123.56)); // Output: 124

5. 수학.max()

0개 이상의 숫자 중 가장 큰 숫자를 반환합니다.

console.log(Math.max(1, 2, 3)); // Output: 3

6. 수학.min()

0개 이상의 숫자 중 가장 작은 숫자를 반환합니다.

console.log(Math.min(1, 2, 3)); // Output: 1

7. 수학.pow()

밑을 지수 거듭제곱으로 반환합니다.

console.log(Math.pow(2, 3)); // Output: 8

8. 수학.sqrt()

숫자의 제곱근을 반환합니다.

console.log(Math.sqrt(16)); // Output: 4

9. 수학.랜덤()

0과 1 사이의 임의의 숫자를 반환합니다.

console.log(Math.random()); // Output: A random number between 0 and 1

10. 수학.trunc()

소수점을 제거하여 숫자의 정수 부분을 반환합니다.

console.log(Math.trunc(123.45)); // Output: 123

실제 사례

예 1: 임의의 정수 생성

function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min   1))   min;
}
console.log(getRandomInt(1, 10)); // Output: A random integer between 1 and 10

예 2: 숫자의 계승 계산

function factorial(n) {
    if (n === 0) return 1;
    return n * factorial(n - 1);
}
console.log(factorial(5)); // Output: 120

예 3: 숫자가 소수인지 확인하기

function isPrime(num) {
    if (num 



결론

효율적인 수학 연산과 데이터 조작을 위해서는 JavaScript 숫자 함수를 마스터하는 것이 필수적입니다. 기본 변환 및 구문 분석부터 고급 수학 계산에 이르기까지 JavaScript는 숫자 작업을 위한 강력한 도구 세트를 제공합니다. 이러한 기능을 이해하고 활용하면 더 깔끔하고 효율적인 코드를 작성하고 광범위한 프로그래밍 문제를 해결할 수 있습니다.

이 포괄적인 가이드는 JavaScript의 가장 중요한 숫자 기능을 예시와 설명과 함께 다루었습니다. 이러한 기능을 연습하고 다양한 사용 사례를 실험하여 이해도를 높이고 코딩 능력을 향상하세요.

릴리스 선언문 이 기사는 https://dev.to/imsushant12/a-guide-to-master-numbers-data-type-in-javascript-37m4?1에 복제되어 있습니다. 침해 사항이 있는 경우, [email protected]으로 문의해 주십시오. 그것을 삭제하려면
최신 튜토리얼 더>
  • 항목 다른 유형이 더 적합한 문자열은 피하세요.
    항목 다른 유형이 더 적합한 문자열은 피하세요.
    1. 다른 데이터 유형의 대체물로 문자열을 사용하지 마십시오: 문자열은 텍스트를 나타내기 위해 설계되었지만 숫자, 열거형 또는 집계 구조를 나타내는 데 오용되는 경우가 많습니다. 데이터가 본질적으로 숫자인 경우 String이 아닌 int, float 또는 BigInt...
    프로그램 작성 2024-11-02에 게시됨
  • sync.WaitGroup을 사용하여 Go 동시성에서 교착 상태를 방지하는 방법은 무엇입니까?
    sync.WaitGroup을 사용하여 Go 동시성에서 교착 상태를 방지하는 방법은 무엇입니까?
    고루틴 교착 상태 해결이 시나리오에서는 Go 동시성 코드에서 교착 상태 오류가 발생했습니다. 문제를 자세히 살펴보고 효율적인 솔루션을 제공하겠습니다.생산자와 소비자의 행동 불일치로 인해 오류가 발생합니다. 생산자 기능에 구현된 생산자는 제한된 기간 동안 채널 ch에 값...
    프로그램 작성 2024-11-02에 게시됨
  • 텍스트 파일에서 유니코드 텍스트를 처리하는 방법: 오류 없는 쓰기를 위한 완벽한 가이드
    텍스트 파일에서 유니코드 텍스트를 처리하는 방법: 오류 없는 쓰기를 위한 완벽한 가이드
    텍스트 파일의 유니코드 텍스트: 오류 없는 쓰기를 위한 종합 가이드Google 문서에서 추출된 데이터를 코딩하는 것은 특히 어려울 수 있습니다. HTML 사용을 위해 변환해야 하는 ASCII가 아닌 기호를 발견할 때. 이 가이드는 유니코드 텍스트를 처리하고 인코딩 오류...
    프로그램 작성 2024-11-02에 게시됨
  • EchoAPI와 불면증: 실제 사례를 통한 종합 비교
    EchoAPI와 불면증: 실제 사례를 통한 종합 비교
    풀 스택 개발자로서 저는 API 디버깅, 테스트, 문서화를 위한 최고의 도구를 보유하는 것이 얼마나 중요한지 알고 있습니다. EchoAPI와 Insomnia는 두 가지 뛰어난 옵션으로 각각 고유한 기능과 기능을 갖추고 있습니다. 이러한 도구를 안내하고, 기능과 이점을 ...
    프로그램 작성 2024-11-02에 게시됨
  • 이동 시간 및 기간 | 프로그래밍 튜토리얼
    이동 시간 및 기간 | 프로그래밍 튜토리얼
    소개 이 랩의 목표는 Go의 시간 및 기간 지원에 대한 이해도를 테스트하는 것입니다. 시간 아래 코드에는 Go에서 시간과 기간을 사용하는 방법에 대한 예가 포함되어 있습니다. 그러나 코드의 일부가 누락되었습니다. 귀하의 임무는 예상대로 작...
    프로그램 작성 2024-11-02에 게시됨
  • 호이스팅 면접 질문 및 답변
    호이스팅 면접 질문 및 답변
    1. 자바스크립트에서 호이스팅이란 무엇인가요? 답변: 호이스팅은 변수와 함수에 메모리가 할당되는 실행 컨텍스트 생성 단계의 프로세스입니다. 이 프로세스 동안 변수에 대한 메모리가 할당되고 변수에는 정의되지 않은 값이 할당됩니다. 함수의 경우 전체 함수 ...
    프로그램 작성 2024-11-02에 게시됨
  • JavaScript의 DOM(문서 개체 모델) 이해
    JavaScript의 DOM(문서 개체 모델) 이해
    안녕하세요, 놀라운 JavaScript 개발자 여러분? 브라우저는 스크립트(특히 JavaScript)가 웹 페이지 레이아웃과 상호 작용할 수 있도록 하는 DOM(문서 개체 모델)이라는 프로그래밍 인터페이스를 제공합니다. 페이지의 구성 요소를 개체로 배열...
    프로그램 작성 2024-11-02에 게시됨
  • SPRING BATCH로 프로그래밍 시작
    SPRING BATCH로 프로그래밍 시작
    Introduction Dans vos projets personnels ou professionnels, Il vous arrive de faire des traitements sur de gros volumes de données. Le traite...
    프로그램 작성 2024-11-02에 게시됨
  • CSS로 Github 프로필을 돋보이게 만드세요
    CSS로 Github 프로필을 돋보이게 만드세요
    이전에는 Github 프로필을 맞춤 설정할 수 있는 유일한 방법은 사진을 업데이트하거나 이름을 변경하는 것이었습니다. 이는 모든 Github 프로필이 동일해 보이고 이를 사용자 정의하거나 눈에 띄게 하는 옵션이 최소화되었음을 의미합니다. 이후부터 Markdown을 사용...
    프로그램 작성 2024-11-02에 게시됨
  • TypeScript 유틸리티 유형: 코드 재사용성 향상
    TypeScript 유틸리티 유형: 코드 재사용성 향상
    TypeScript는 개발자가 유형을 효과적으로 변환하고 재사용할 수 있는 내장 유틸리티 유형을 제공하여 코드를 더욱 유연하고 DRY하게 만듭니다. 이 기사에서는 TypeScript 기술을 다음 단계로 끌어올리는 데 도움이 되는 Partial, Pick, Omit 및 ...
    프로그램 작성 2024-11-02에 게시됨
  • 텔레그램 window.open(url, &#_blank&#); iOS에서는 이상하게 작동합니다
    텔레그램 window.open(url, &#_blank&#); iOS에서는 이상하게 작동합니다
    텔레그램 봇을 만들고 있는데 미니앱의 일부 정보를 채팅으로 전달하는 옵션을 추가하고 싶습니다. 나는 window.open(url, '_blank');를 사용하기로 결정했습니다. iPhone에서 사용해 보기 전까지는 잘 작동했습니다. 전달하는 대신 공유 기...
    프로그램 작성 2024-11-02에 게시됨
  • 프론트엔드 개발자는 누구인가요?
    프론트엔드 개발자는 누구인가요?
    오늘날 인터넷상의 모든 웹사이트나 플랫폼의 사용자 인터페이스 부분은 프런트 엔드 개발자의 작업 결과입니다. 이들은 사용자 친화적인 인터페이스를 만드는 데 참여하여 사이트의 모양과 기능을 보장합니다. 그렇다면 프론트엔드 개발자는 정확히 누구일까요? 간단하게 설명드리겠습니...
    프로그램 작성 2024-11-02에 게시됨
  • 보존된 CSS 스타일을 사용하여 HTML 콘텐츠를 PDF로 저장하는 방법은 무엇입니까?
    보존된 CSS 스타일을 사용하여 HTML 콘텐츠를 PDF로 저장하는 방법은 무엇입니까?
    CSS가 포함된 HTML 콘텐츠를 PDF로 저장웹 개발에서는 콘텐츠를 다른 형식으로 내보낼 때에도 시각적 미학을 유지하는 것이 중요합니다. 변환 프로세스 중에 CSS 스타일이 손실될 수 있으므로 HTML 요소를 PDF로 저장하려고 할 때 문제가 발생할 수 있습니다.저장...
    프로그램 작성 2024-11-02에 게시됨
  • Print_r()을 사용할 때 왜 팬텀 속성이 DateTime 객체에 추가됩니까?
    Print_r()을 사용할 때 왜 팬텀 속성이 DateTime 객체에 추가됩니까?
    Print_r() DateTime 객체 변경Print_r()는 DateTime 객체에 속성을 추가하여 디버깅 중에 자체 검사를 활성화합니다. PHP 5.3에 도입된 내부 기능의 부작용인 이 동작은 텍스트에 덤프된 인스턴스에 가상 공용 속성을 할당합니다.이러한 속성으로 ...
    프로그램 작성 2024-11-02에 게시됨
  • C의 데이터 구조 및 알고리즘: 초보자에게 친숙한 접근 방식
    C의 데이터 구조 및 알고리즘: 초보자에게 친숙한 접근 방식
    C에서는 데이터 구조와 알고리즘을 사용하여 데이터를 구성, 저장 및 조작합니다. 데이터 구조: 배열: 정렬된 컬렉션, 요소에 액세스하기 위해 인덱스 사용 연결 목록: 포인터를 통해 요소 연결, 동적 길이 지원 스택: FILO(선입선출) 원칙 큐: FIFO(선입선출) 원...
    프로그램 작성 2024-11-02에 게시됨

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3