자바 스크립트에서 문자열을 숫자로 변환하는 두 가지 주요 방법이 있습니다. 한 가지 방법은 구문 분석하고 다른 방법은 유형을 숫자로 변경하는 것입니다. 다른 답변 (예 : 단항 더하기)의 모든 트릭은 문자열 유형을 숫자로 암시 적으로 강제하는 것과 관련이 있습니다. Number 함수를 사용하여 동일한 작업을 명시 적으로 수행 할 수도 있습니다.

파싱

var parsed = parseInt("97", 10);

parseInt 및 parseFloat는 문자열을 숫자로 구문 분석하는 데 사용되는 두 가지 함수입니다. 인식 할 수없는 문자에 맞으면 구문 분석이 자동으로 중지됩니다. “92px”와 같은 문자열을 구문 분석하는 데 유용 할 수 있지만 입력이 잘못되면 오류가 발생하지 않으므로 다소 위험합니다. 문자열이 숫자로 시작하지 않으면 NaN이 다시 나타납니다. 문자열 시작 부분의 공백은 무시됩니다. 다음은 원하는 것과 다른 것을 수행하고 문제가 있음을 나타내지 않는 예입니다.

var widgetsSold = parseInt("97,800", 10); // widgetsSold is now 97

기수를 항상 두 번째 인수로 지정하는 것이 좋습니다. 구식 브라우저에서 문자열이 0으로 시작하면 기수가 지정되지 않으면 많은 사람들을 놀라게했을 경우 8 진수로 해석됩니다. 기수가 지정되지 않은 경우 문자열을 0x로 시작하면 16 진수의 동작이 트리거됩니다 (예 🙂 0xff. 표준은 실제로 ecmascript 5로 변경되었으므로 최신 브라우저는 기수가 지정되지 않은 경우 앞에 0이 있으면 더 이상 8 진수를 트리거하지 않습니다. parseInt는 밑이 36 인 기수를 이해하며,이 경우 대문자와 소문자가 모두 동등한 것으로 취급됩니다.

문자열 유형을 숫자로 변경

위에서 언급 한 parseInt를 사용하지 않는 다른 모든 트릭은 문자열을 숫자로 암시 적으로 강제하는 것과 관련이 있습니다. 나는 이것을 명시 적으로하는 것을 선호합니다.

var cast = Number("97");

구문 분석 방법에는 다른 동작이 있습니다 (여전히 공백은 무시하지만). 더 엄격합니다 : 반환하는 것보다 전체 문자열을 이해하지 못하면 NaN같은 문자열에 사용할 수 없습니다 97px. Number 래퍼 객체 대신 기본 숫자를 원하므로 newNumber 함수 앞에 두지 마십시오 .

분명히 숫자로 변환하면 정수가 아니라 부동 소수점 값이 될 수 있으므로 정수를 원하면 수정해야합니다. 이를 수행하는 몇 가지 방법이 있습니다.

var rounded = Math.floor(Number("97.654"));  // other options are Math.ceil, Math.round
var fixed = Number("97.654").toFixed(0); // rounded rather than truncated
var bitwised = Number("97.654")|0;  // do not use for large numbers

모든 비트 연산자 (여기서는 비트 단위로 수행했지만 이전 답변이나 비트 시프트에서와 같이 이중 부정을 수행 할 수 있음)는 값을 32 비트 정수로 변환하고 대부분은 부호있는 정수로 변환합니다. 이것은 큰 정수를 원하지 않을 것 입니다. 정수를 32 비트로 표현할 수 없으면 랩핑됩니다.

~~"3000000000.654" === -1294967296
// This is the same as
Number("3000000000.654")|0
"3000000000.654" >>> 0 === 3000000000 // unsigned right shift gives you an extra bit
"300000000000.654" >>> 0 === 3647256576 // but still fails with larger numbers

더 큰 숫자를 올바르게 사용하려면 반올림 방법을 사용해야합니다

Math.floor("3000000000.654") === 3000000000
// This is the same as
Math.floor(Number("3000000000.654"))

이러한 방법의 모든 지수 표기법을 이해 명심, 그래서 2e2이다 200NaN이보다는. 또한 Number는 “무한대”를 이해하지만 구문 분석 방법은 그렇지 않습니다.

커스텀

이러한 방법 중 하나가 원하는 것을 정확하게 수행하지는 않습니다. 예를 들어, 일반적으로 구문 분석이 실패하면 오류가 발생하고 무한대, 지수 또는 선행 공백을 지원할 필요가 없습니다. 사용 사례에 따라 때로는 사용자 정의 변환 함수를 작성하는 것이 좋습니다.

항상 Number 또는 구문 분석 방법 중 하나의 출력이 예상되는 숫자인지 확인하십시오. 거의 확실하게 isNaN숫자가 NaN이 아닌지 확인하는 데 사용하려고 할 것입니다 (일반적으로 구문 분석이 실패한 것을 알 수있는 유일한 방법).

답변

parseInt("10.3456") // returns 10

+"10.3456" // returns 10.3456

var x = "1000"*1;

var str = "25";       // string
var number = str*1;   // number

function toNumber(str) {
   return str*1;
}

var number = parseInt("10", 10); //number will have value of 10.