logo

TechCodeview

JavaScript에서 문자열을 정수로 변환

JavaScript에서는 문자열 안에 숫자가 갇혀 있는 경우가 매우 흔합니다. 이는 사용자 입력을 처리하거나, 파일에서 데이터를 읽거나, 타사 API를 사용하여 작업할 때 발생할 수 있습니다. 그러나 JavaScript는 해당 숫자를 해제하고 정수로 변환하는 몇 가지 편리한 방법을 제공합니다. 이는 수학을 수행하거나 해당 숫자를 비교해야 할 때 매우 유용합니다.

내용의 테이블



접근 방식 1:parseInt() 메서드를 사용하여 문자열을 정수로 변환

그만큼 ParseInt() 메서드 문자열 및 기수 매개변수를 승인하고 이를 정수로 변환합니다.

통사론: 

parseInt( Value, radix )>

예: 이 경우 JavaScript의parseInt() 메소드를 사용하여 문자열을 정수로 변환합니다.



자바스크립트 
let a = '100'; console.log('Type of a before conversion: ' + typeof a); console.log('Type of a after conversion: ' + typeof parseInt(a));>
산출 
Type of a before conversion: string Type of a after conversion: number>

설명

코드는 변수를 초기화합니다.a>문자열 100을 사용하면 다음을 사용하여 정수로 변환하기 전과 후에 해당 유형을 인쇄합니다.parseInt()>

접근 방식 2: Number() 메서드를 사용하여 문자열을 정수로 변환

그만큼 숫자() 메서드 기본 데이터 유형을 숫자로 변환하는 데 사용되며, 변환할 수 없으면 NAN을 반환합니다.



통사론: 

Number( value )>

예: 여기서는 JavaScript Number() 메서드를 사용하여 문자열을 정수로 변환합니다.

자바스크립트 
let age = '23'; let name = 'Manya'; console.log(  'Type of name and age before conversion: ',   typeof age, typeof name ); console.log(  'Type of name and age after conversion: ',   typeof Number(age), typeof Number(name) );>
산출 
Type of name and age before conversion: string string Type of name and age after conversion: number number>

설명

코드는 변수를 초기화합니다.age>그리고name>나이와 이름을 각각 나타내는 문자열 값이 있습니다. 그런 다음 다음을 사용하여 숫자로 변환하기 전과 후에 유형을 표시합니다.Number()>.

접근법 3: 단항 연산자를 사용하여 문자열을 정수로 변환

그만큼 단항 연산자(+) 문자열, 부울 및 비문자열을 숫자로 변환하는 데 사용됩니다.

통사론:

문자열을 int로 바꾸는 방법 
+operand;>

예:

그만큼 단항 연산자 문자열을 숫자로 변환합니다.

자바스크립트 
let age = '23'; let name = 'Manya'; const number = '100'; console.log(  'Type of name, age and number before conversion: ',   typeof age, typeof name, typeof number ); console.log(  'Type of name, age and number after conversion: ',   typeof +age, typeof +name, typeof +number );>
산출 
Type of name, age and number before conversion: string string string Type of name, age and number after conversion: number number number>

설명

코드는 변수를 초기화합니다.age>,name>, 그리고number>각각 나이, 이름, 상수를 나타내는 문자열 값이 있습니다. 그런 다음 단항 더하기 연산자를 사용하여 숫자로 변환하기 전과 후에 해당 유형을 표시합니다.+>.

접근 방식 4: Math.floor() 메서드를 사용하여 문자열을 정수로 변환

그만큼 Math.floor() 메서드 문자열을 숫자로 변환하는 데 사용됩니다.

통사론: 

Math.floor( numStr )>

예:

Math.floor() 메서드는 문자열을 숫자로 변환하는 데 사용됩니다.

자바스크립트 
let numStr = '101.45'; let numInt = Math.floor(parseFloat(numStr));  console.log('Type of Number Before Conversion: ' + typeof numStr); console.log('Type of Number After Conversion: ' + typeof numInt);>
산출 
Type of Number Before Conversion: string Type of Number After Conversion: number>

설명

Here, parseFloat()>문자열을 변환하는 데 사용됩니다.numStr>적용하기 전에 부동 소수점 숫자로Math.floor()>. 이렇게 하면 결과가 숫자가 됩니다.

접근법 5: 비트 연산자를 사용하여 문자열을 정수로 변환

다음과 같은 비트 연산자 사용 | 0 또는 << 0 간결한 방식으로 문자열을 정수로 변환할 수도 있습니다.

통사론:

numStr | 0; // or numStr << 0;>

예: 비트 연산자를 사용하여 문자열을 숫자로 변환할 수도 있습니다.

자바스크립트 
let numStr = '101.45'; let numInt = numStr | 0; console.log('Type of Number Before Conversion: '   + typeof numStr);   console.log('Type of Number After Conversion: '   + typeof parseInt(numInt));>
산출 
Type of Number Before Conversion: string Type of Number After Conversion: number>

접근 방식 6: BigInt() 생성자를 사용하여 문자열을 정수로 변환

BigInt() 생성자를 사용하여 문자열을 BigInt 정수로 변환할 수 있습니다. 이는 JavaScript의 최대 안전 정수 제한을 초과하는 매우 큰 정수를 처리할 때 특히 유용합니다.

예:

자바스크립트 
// Example of using BigInt() constructor to convert a string into a BigInt integer let numStr = '12345678901234567890'; let numBigInt = BigInt(numStr); console.log('Type of Number Before Conversion: ' + typeof numStr); console.log('Type of Number After Conversion: ' + typeof numBigInt); console.log(numBigInt); // Nikunj Sonigara>
산출 
Type of Number Before Conversion: string Type of Number After Conversion: bigint 12345678901234567890n>

설명

코드는 변수를 초기화합니다.numStr>문자열 101.45를 사용합니다. 그런 다음 비트별 OR 연산(|>) 암시적으로 변환numStr>소수 부분을 잘라내어 정수로 변환합니다. 마지막으로 유형을 표시합니다.numInt>변환 전과 변환 후.

JavaScript에서 문자열을 정수로 변환할 때 오류 처리

문자열을 정수로 변환할 때 코드가 올바르게 작동하도록 잠재적인 오류를 처리하는 것이 중요합니다. 다음은 몇 가지 일반적인 오류와 이를 처리하는 방법입니다.

  • 숫자가 아닌 문자: 문자열에 숫자가 아닌 문자가 포함된 경우parseInt()>그리고Number()>돌아올 수도 있다NaN>(숫자가 아님). 다음을 사용하여 이를 확인할 수 있습니다. isNaN()> 유효하지 않은 입력을 정상적으로 처리합니다.
  • 선행 및 후행 공백: 문자열의 시작이나 끝 부분에 있는 공백은 일부 방법에서 무시될 수 있습니다. 다음과 같은 방법을 사용하십시오.trim()>변환하기 전에 공백을 제거합니다.
  • 기수 문제: 잘못된 기수 지정parseInt()>예상치 못한 결과를 초래할 수 있습니다. 컨텍스트에 따라 기수를 검증합니다(예: 16진수 문자열의 경우 기수 16 사용).
  • 오버플로 및 언더플로: 매우 크거나 매우 작은 숫자를 변환하면 오버플로나 언더플로가 발생할 수 있습니다. 다음과 같은 라이브러리 사용을 고려해보세요.bignumber.js>JavaScript의 기본 범위를 벗어난 숫자를 처리합니다.

JavaScript 사용 사례에서 문자열을 정수로 변환

1. 날짜를 숫자로 변환하는 JavaScript 프로그램

자바스크립트 날짜 객체는 날짜와 시간을 가져오는 데 사용됩니다. 날짜 형식을 지정하는 데 도움이 됩니다. 우리는 새로운 Date에 대한 객체를 생성하는 키워드입니다. 날짜를 숫자로 변환하려면 다음을 사용합니다. getTime() 방법 .

2. JavaScript에서 parsInt() 함수를 사용하지 않고 문자열을 정수로 변환하는 방법은 무엇입니까?

ParseInt()를 사용하지 않고 문자열을 정수로 변환하려면 다음을 사용할 수 있습니다.

  • 강제 사용
  • 사용하여 숫자() 함수
  • 사용하여 단항 + 연산자
  • 사용 수학 바닥() 메서드
  • 사용 Math.ceil( ) 함수

삼. JavaScript에서 임의의 문자열을 정수로 변환하는 방법은 무엇입니까?

JavaScript에서 제공하는 다음과 같은 메서드(또는 함수)를 사용할 수 있습니다. 파싱인트().

자바스크립트 웹 페이지 개발로 가장 잘 알려져 있지만 브라우저가 아닌 다양한 환경에서도 사용됩니다. 당신은 배울 수 있습니다 자바스크립트 이것을 따라 처음부터 자바스크립트 튜토리얼 그리고 자바스크립트 예 .