문자열을 숫자로 변환: JavaScript 유형 변환 이해하기

WBOY
풀어 주다: 2024-09-01 21:07:32
원래의
596명이 탐색했습니다.

Day rom Strings to Numbers: Demystifying JavaScript Type Conversions

JavaScript에서는 다양한 데이터 유형으로 작업하는 것이 일반적인 작업이며, 이러한 데이터 유형 간 변환 방법을 이해하면 많은 어려움을 겪을 수 있습니다. 오늘은 특히 문자열과 숫자에 초점을 맞춰 JavaScript가 유형 변환을 처리하는 방법을 자세히 살펴보겠습니다.

데이터 유형 확인

값을 변환하기 전에 현재 유형을 아는 것이 중요합니다. JavaScript에서는 typeof 연산자를 사용하여 이를 수행하는 간단한 방법을 제공합니다.

다음 코드를 고려하세요.

let digit = "123";
console.log(typeof digit); // Output: string
console.log(typeof(digit)); // Output: string
로그인 후 복사

위 예에서 숫자는 문자열이며, 이는 "문자열"을 반환하는 숫자 유형으로 확인됩니다.

문자열을 숫자로 변환

숫자가 포함된 문자열에 수학 연산을 수행해야 한다면 어떻게 해야 할까요? JavaScript에는 문자열을 숫자로 변환하는 데 도움이 되는 내장 Number() 함수가 있습니다.

let valueInnumber = Number(digit); // Converts the string "123" to the number 123
console.log(typeof(valueInnumber)); // Output: number
로그인 후 복사

변환 후 valueInnumber는 이제 숫자 유형이 됩니다.

주의해야 할 특별한 경우

값을 숫자로 변환할 때 JavaScript는 사용자가 알아야 할 특정 규칙을 따릅니다.

  • null을 숫자로: 0으로 변환합니다.

    let nullValue = Number(null);
    console.log(nullValue); // Output: 0
    
    로그인 후 복사
  • 잘못된 문자열 대 숫자: 문자열을 숫자로 완전히 변환할 수 없는 경우 결과는 NaN(숫자가 아님)이 됩니다.

    let invalidString = Number("123abc");
    console.log(invalidString); // Output: NaN
    
    로그인 후 복사
  • 숫자로 정의되지 않음: NaN으로 변환됩니다.

    let undefinedValue = Number(undefined);
    console.log(undefinedValue); // Output: NaN
    
    로그인 후 복사

부울을 숫자로 변환

부울 값을 숫자로 변환할 수도 있습니다.

  • true는 1이 됩니다
  • false는 0이 됩니다

조건부 확인이나 산술 연산이 필요할 때 특히 유용합니다.

let trueValue = Number(true);
console.log(trueValue); // Output: 1

let falseValue = Number(false);
console.log(falseValue); // Output: 0
로그인 후 복사

문자열의 부울 변환

문자열도 부울로 변환할 수 있습니다.

  • 빈 문자열("")은 false가 됩니다.
  • 모든 비어 있지 않은 문자열이 true가 됩니다.
console.log(Boolean("")); // Output: false
console.log(Boolean("aman")); // Output: true
로그인 후 복사

마무리

깨끗하고 오류 없는 코드를 작성하려면 JavaScript가 데이터 유형을 변환하는 방법을 이해하는 것이 중요합니다. 변수 유형을 확인하든, 문자열을 숫자로 변환하든, NaN과 같은 특수 사례를 처리하든 이러한 개념을 익히면 더욱 자신감 있는 JavaScript 개발자가 될 수 있습니다.

즐거운 코딩 하시고 다음편에서 만나요!!

위 내용은 문자열을 숫자로 변환: JavaScript 유형 변환 이해하기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿