parseInt() 및 Number()를 사용하여 문자열을 숫자로 변환

JavaScript에서 문자열을 숫자로 변환할 때 일반적으로 사용되는 두 가지 함수는 다음과 같습니다. () 및 숫자(). 둘 다 수치 변환의 목적을 공유하지만 접근 방식과 동작이 다릅니다.

parseInt()

parseInt()는 구문 분석이라는 보다 구체적인 작업을 수행합니다. . 문자열에서 정수를 추출하려고 시도합니다. 구문 분석 시,parseInt()는 문자열을 왼쪽에서 오른쪽으로 읽고 숫자가 아닌 첫 번째 문자에서 중지합니다. 문자열의 모든 후속 문자는 무시됩니다.

parseInt()는 또한 숫자를 해석하는 데 사용되는 숫자 시스템을 지정하는 선택적인 두 번째 인수인 기수 또는 기수를 사용합니다. 기본 기수는 10(십진수)이지만 2에서 36 사이의 정수로 설정할 수 있습니다.

예:

parseInt("20px");       // 20
parseInt("10100", 2);   // 20 (binary)
parseInt("2e1");        // 2 (does not parse the "e1")

Number()

Number()는 문자열을 변환하는 생성자 함수입니다. 숫자로, 유형 변환을 수행합니다. ParseInt()와 달리 Number()는 문자열에 숫자가 아닌 문자가 포함된 경우에도 전체 문자열을 숫자로 변환하려고 시도합니다.

문자열에 숫자가 아닌 문자가 포함된 경우 Number()는 NaN(Not -a-숫자). 그러나 특정 경우에는 몇 가지 주목할만한 동작이 있습니다.

• 지수 표기법(예: "2e1")을 처리하고 이를 숫자로 변환할 수 있습니다.
• 탐지하고 구문 분석할 수 있습니다. 암시적 8진수 표기법(예: "010")을 사용하지만 "0o"를 사용하여 명시적으로 8진수로 변환하는 데 사용할 수도 있습니다.
• 접두사가 "0x"인 16진수를 처리할 수 있습니다.

예:

Number("20px");       // NaN
Number("2e1");        // 20
Number("010");         // 10
Number("0o10");         // 8
Number("0xF");   // 15

추가 고려 사항

• parseInt()는 문자열을 정수로 구문 분석해야 할 때 일반적으로 선호되는 반면 Number()는 더 좋습니다. 값을 숫자 유형으로 변환하는 데 적합합니다.
• 단항 더하기 연산자( )를 사용하여 문자열을 숫자로 변환할 수도 있습니다. 이는 Number() 생성자를 사용하는 것과 동일합니다.