TypeScript에서 문자열을 숫자로 어떻게 변환합니까?

Typescripteseo Munjayeol Eul Susjalo Eotteohge Byeonhwanhabnikka



TypeScript는 엄격한 유형 검사를 구현하는 데 도움이 되는 강력한 유형의 언어입니다. 즉, 숫자를 허용하는 변수에 문자열 값을 할당하거나 그 반대의 경우 런타임 오류가 발생합니다. 강력한 유형의 언어로 작업하는 동안 때때로 개발자는 문자열을 숫자로 변환해야 하는 상황에 직면합니다. 예를 들어 사용자 입력을 처리할 때, 외부 소스에서 데이터를 읽을 때, 숫자 문자열에서 수학 연산을 수행할 때 등이 있습니다.

이 블로그에서는 적절한 예제를 사용하여 TypeScript에서 문자열을 숫자로 변환하는 여러 가지 방법을 살펴봅니다.







TypeScript에서 문자열을 숫자로 어떻게 변환합니까?

TypeScript에서 아래 나열된 방법은 문자열을 숫자로 변환하는 데 사용됩니다.



숫자 생성자를 사용한 문자열-숫자 변환

TypeScript에서 Number 생성자는 문자열을 숫자로 변환하는 가장 편리한 방법입니다. Number 생성자는 문자열을 입력으로 사용하고 숫자를 반환합니다. 예를 들면 다음과 같습니다.



const str = '42' ;
console.log ( '원본 데이터 유형:' , 유형의 str ) ;
상수 숫자 = 숫자 ( str ) ;
console.log ( '변환된 데이터 유형:' , 숫자 유형 ) ;





위의 예는 다음을 보여줍니다.

  • 문자열 생성 ' str ” 값으로 “ 42 '.
  • 다음으로 ' 유형 ' 키워드는 ' 통나무() ” 함수를 사용하여 “str” 변수의 유형을 가져오고 인쇄합니다.
  • 그런 다음 Number 생성자를 사용하여 ' str ”에서 “ 숫자 '를 입력하고 결과를 변수 '에 할당합니다. 하나에 '.
  • 마지막으로 변환된 값의 타입을 ' 통나무() ' 기능.

산출



출력은 주어진 숫자 문자열이 성공적으로 숫자로 변환되었는지 확인합니다.

parseInt 및 parseFloat를 사용하여 문자열을 숫자로 변환

구문 분석 ' 그리고 ' pressFloat ” 함수는 문자열 데이터 유형을 숫자 데이터 유형으로 변환하는 데에도 사용됩니다. “ 구문 분석 ” 함수는 문자열과 선택적 “ 어근 ”(숫자 체계를 지정하기 위해)를 입력으로 사용하고 정수를 반환합니다. “ pressFloat ” 함수는 문자열을 입력으로 받아 분수 또는 부동 소수점 숫자를 반환합니다.

깊은 이해를 위해 다음 예제 코드를 살펴보겠습니다.

const intStr = '42' ;
const floatStr = '3.14' ;

console.log ( '원본 데이터 유형: ' , intStr 유형 ) ;
console.log ( '원본 데이터 유형: ' , floatStr 유형 ) ;

const intNum = parseInt ( 정수, 10 ) ;
const floatNum = parseFloat ( floatStr ) ;

console.log ( '변환된 데이터 유형: ' , intNum 유형 ) ;
console.log ( '변환된 데이터 유형: ' , floatNum 유형 ) ;

위의 코드 스니펫은 다음을 설명합니다.

  • 두 개의 문자열 생성 ' intStr ' 그리고 ' floatStr ” 값으로 “ 42 ' 그리고 ' 14 ', 각각.
  • 다음으로 ' 유형 ' 연산자를 'console.log()' 함수와 함께 사용하여 주어진 변수의 데이터 유형을 출력합니다.
  • 그 후 ' 구문 분석 ' 그리고 ' pressFloat ” 문자열을 숫자로 변환하고 그 결과를 변수에 할당하는 함수 “ intNum ' 그리고 ' floatNum ', 각각.
  • 위의 예제 코드에서는 십진수를 구문 분석하고 있음을 나타내는 10의 기수가 사용됩니다.
  • 마지막으로 'console.log()' 메서드를 사용하여 변환된 데이터 유형을 콘솔에 인쇄합니다.

산출

출력에는 지정된 값의 원래 데이터 유형과 변환된 데이터 유형이 표시됩니다.

단항 더하기 연산자를 사용하여 문자열을 숫자로 변환

문자열 데이터 유형을 숫자 데이터 유형으로 변환하는 또 다른 방법은 다음과 같습니다. 단항 더하기 연산자 + '. 다음 예에서 숫자 문자열은 단항 더하기 연산자에 대한 입력으로 제공되며 결과적으로 문자열을 숫자로 변경합니다.

const str = '42' ;
console.log ( '원본 데이터 유형:' , 유형의 str ) ;
상수 번호 = +str;
console.log ( '변환된 데이터 유형:' , 숫자 유형 ) ;

이 예에서

  • 문자열 ' str '는 '라는 값으로 생성됩니다. 42 '.
  • 단항 더하기 연산자 '는 '로 변환하는 데 사용됩니다. str ”를 숫자에 할당하고 그 결과를 변수 “ 하나에 '.
  • 마지막으로 '의 변환된 데이터 유형을 기록합니다. 하나에 ' 콘솔에.

산출

출력은 문자열에서 숫자로의 유형 변환을 확인합니다.

결론

문자열에서 숫자로 유형 변환을 수행하기 위해 많은 내장 메소드와 연산자가 TypeScript에서 사용됩니다. 예를 들어 '숫자 생성자', 'parseInt' 함수, 'parseFloat' 함수 및 '단항 더하기' 연산자는 TypeScript에서 문자열을 숫자로 변환하는 데 사용됩니다. “ 유형 ” 연산자는 변환된 데이터 유형을 확인하는 데 도움이 됩니다. 이 블로그는 가장 일반적으로 사용되는 방법과 연산자를 다양한 예제와 함께 보여주었습니다.