> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 parsInt()를 구문 분석하는 이상한 동작

JavaScript에서 parsInt()를 구문 분석하는 이상한 동작

青灯夜游
풀어 주다: 2021-05-19 10:55:22
앞으로
2122명이 탐색했습니다.

이 기사에서는 JavaScript에서 parsInt()를 구문 분석하는 이상한 동작을 소개합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

JavaScript에서 parsInt()를 구문 분석하는 이상한 동작

【추천 학습: javascript 고급 튜토리얼

parseInt()는 숫자 문자열의 정수를 구문 분석하는 데 사용되는 내장 JS 함수입니다. 예를 들어 숫자 문자열 '100'을 구문 분석하면: parseInt()是内置的 JS 函数,用于解析数字字符串中的整数。 例如,解析数字字符串'100'

const number = parseInt('100');
number; // 100
로그인 후 복사

如预期的那样,'100'被解析为整数 100

parseInt(numericalString, radix)还接受第二个参数:从 2 到 36,表示字符串的基数。例如指定 16 表示被解析值是十六进制数。请注意,10 不是默认值,最常见的是 2、8、10 和 16。

例如我们使用 parseInt 以二进制方式解析数字字符串:

const number = parseInt('100', 2);
number; // 4
로그인 후 복사

100 对应的二进制数是 4,所以返回 4。

1. parseInt() 的怪异行为

parseInt(numericalString)始终将其第一个参数转换为字符串(如果不是字符串),然后将该数字字符串解析为整数值。

这就是为什么你可以(但不应该)使用parseInt()提取浮点数的整数部分的原因:

parseInt(0.5);      // => 0
parseInt(0.05);     // => 0
parseInt(0.005);    // => 0
parseInt(0.0005);   // => 0
parseInt(0.00005);  // => 0
parseInt(0.000005); // => 0
로그인 후 복사

提取浮点数的整数部分,如0.50.05等,结果为0, 这和预期的一样。

那提取0.0000005的整数部分怎么样?

parseInt(0.0000005); // => 5
로그인 후 복사

parseInt() 将浮点数 0.0000005 解析为 5。为什么 parseInt(0.0000005) 有这样一个怪异的行为?

2.解决parseInt()怪异行为

我们再看一看 parseInt(numericalString) 的第一个参数:如果它不是字符串,则将其转换为字符串,然后解析,并返回解析后的整数。

这可能是第一个线索。

然后,我们尝试将浮点数手动转换为字符串表示形式:

String(0.5);      // => '0.5'
String(0.05);     // => '0.05'
String(0.005);    // => '0.005'
String(0.0005);   // => '0.0005' 
String(0.00005);  // => '0.00005'
String(0.000005); // => '0.000005'

String(0.0000005); // => '5e-7'
로그인 후 복사

显式转换为string(0.0000005)字符串的行为与其他浮点数不同:它的表示方式是用指数的形式。

这是第二个重要的线索!

当指数符号被解析为整数时,我们会得到数字5

parseInt(0.0000005); // => 5
// same as
parseInt(5e-7);      // => 5
// same as
parseInt('5e-7');    // => 5
로그인 후 복사

parseInt('5e-7')考虑第一个数字'5',但跳过'e-7'

谜团已揭开! 因为 parseInt() 始终将其第一个参数转换为字符串,所以小于10负6次方的浮点数将以指数表示。 然后 parseInt() 从 float 的指数表示法中提取整数。

另外,为了安全地提取浮点数的整数部分,建议使用 Math.floor() 函数:

Math.floor(0.5);      // => 0
Math.floor(0.05);     // => 0
Math.floor(0.005);    // => 0
Math.floor(0.0005);   // => 0
Math.floor(0.00005);  // => 0
Math.floor(0.000005); // => 0

Math.floor(0.0000005); // => 0
로그인 후 복사

3.总结

parseInt() 是将数字字符串解析为整数的函数。

尝试使用parseInt()提取浮点数的整数部分时必须小心。

小于10的-6次方 (例如0.0000005,也就是5*10-7)的浮点数转换成字符串时被写成指数表示法(例如5e-7是0.0000005的指数表示法)。这就是为什么在 parseInt() 中使用这么小的浮点数会导致意想不到的结果:只有指数表记的重要部分(例如 5e-7 中的 5)会被解析。

那么现在大家可以试着解释为什么 parseInt(999999999999999999999)rrreee

예상대로 '100'은 정수 100으로 구문 분석됩니다.

parseInt(numericalString, radix)는 문자열의 기수를 나타내는 2~36의 두 번째 매개변수도 허용합니다. 예를 들어, 16을 지정하면 구문 분석된 값이 16진수임을 의미합니다. 10은 기본값이 아닙니다. 가장 일반적인 값은 2, 8, 10, 16입니다.

예를 들어 parseInt를 사용하여 이진 모드에서 숫자 문자열을 구문 분석합니다.

rrreee
해당 이진수 100은 4이므로 4가 반환됩니다.

1. parseInt()의 이상한 동작

parseInt(numericalString)은 문자열이 아닌 경우 항상 첫 번째 인수를 문자열로 변환합니다. ) 그런 다음 숫자 문자열을 정수 값으로 구문 분석합니다. 이것이 parseInt()를 사용하여 부동 소수점 숫자의 정수 부분을 추출할 수 있는(그러나 그러면 안 되는) 이유입니다. 🎜rrreee🎜의 정수 부분 추출 0.5, 0.05 등과 같은 부동 소수점 숫자인 경우 결과는 예상대로 0입니다. 🎜🎜0.0000005의 정수부분을 추출해보시면 어떨까요? 🎜rrreee🎜parseInt()는 부동 소수점 숫자 0.00000055로 구문 분석합니다. parseInt(0.0000005)에 왜 이렇게 이상한 동작이 발생합니까? 🎜

2. parseInt()

의 이상한 동작 해결🎜parseInt(numericalString) 인수: 문자열이 아닌 경우 문자열로 변환하고 구문 분석한 후 구문 분석된 정수를 반환합니다. 🎜🎜이것이 첫 번째 단서가 될 수 있습니다. 🎜🎜그런 다음 부동 소수점을 문자열 표현으로 수동으로 변환하려고 합니다. 🎜rrreee🎜 <code>string(0.0000005)으로의 명시적 변환 문자열은 다른 부동 소수점과 다르게 동작합니다. 표현 방식은 지수 형식을 사용합니다. 🎜🎜두번째 중요한 단서입니다! 🎜🎜지수 표기법을 정수로 파싱하면 5🎜rrreee🎜parseInt('5e-7')첫 번째 숫자 '5'를 고려하여 숫자 5를 얻습니다. 그러나 'e-7'은 건너뜁니다. 🎜🎜수수께끼가 풀렸습니다! parseInt()는 항상 첫 번째 인수를 문자열로 변환하므로 10 빼기 6보다 작은 부동 소수점 숫자는 지수로 표현됩니다. 그런 다음 parseInt()는 float의 지수 표현에서 정수를 추출합니다. 🎜🎜또한 부동 소수점 수의 정수 부분을 안전하게 추출하려면 Math.floor() 함수를 사용하는 것이 좋습니다: 🎜rrreee

3.

🎜 parseInt()는 숫자 문자열을 정수로 구문 분석하는 함수입니다. 🎜🎜parseInt()를 사용하여 부동 소수점 숫자의 정수 부분을 추출하려고 할 때는 주의하세요. 🎜🎜10보다 작은 -6의 거듭제곱(예: 0.0000005, 즉 5*10-7)은 문자열로 변환할 때 지수 표기법으로 작성됩니다(예: 5e-7은 다음의 지수 표기법입니다). 0.0000005). 이것이 parseInt()에서 그렇게 작은 부동 소수점 숫자를 사용하면 예상치 못한 결과가 발생하는 이유입니다. 지수 표기법의 중요한 부분만(예: 5e-7 코드>5의 )이 구문 분석됩니다. 🎜🎜이제 모두가 parseInt(999999999999999999999)가 1인 이유를 설명할 수 있습니까? 🎜🎜🎜영어 원본 주소: https://dmitripavlutin.com/parseint-mystery-javascript/🎜🎜저자: Dmitri Pavlutin🎜🎜🎜더 많은 프로그래밍 관련 지식을 보려면 🎜프로그래밍 비디오🎜를 방문하세요! ! 🎜

위 내용은 JavaScript에서 parsInt()를 구문 분석하는 이상한 동작의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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