JS 문자열을 숫자로 변환하는 5가지 방법 공유

JavaScript는 문자열을 숫자로 변환하는 5가지 방법이 있으며 각각 고유한 함정이 있습니다!

이 글에서는 자바스크립트 문자열을 숫자로 변환하는 5가지 방법과 그 함정을 소개합니다. 모두에게 도움이 되기를 바랍니다.

문자열을 숫자로 변환하는 방법은 여러 가지가 있는데, 저는 5가지를 생각할 수 있습니다!

parseInt(num); // 默认方式 (没有基数)
parseInt(num, 10); // 传入基数 (十位数)
parseFloat(num); // 浮点数
Number(num); // Number 构造器
~~num; //按位非
num / 1; // 除一个数
num * 1; // 乘一个数
num -0  // 减去0
+ num; // 一元运算符 "+"

어느 것을 선택할까요? 언제 선택해야 할까요? 왜 이런 종류를 선택합니까? 우리는 이를 하나씩 살펴보고 각 접근 방식의 일반적인 함정을 분석합니다.

parseInt

JsPerf.com의 벤치마크에 따르면 대부분의 브라우저는parseInt에 가장 잘 반응합니다. 가장 빠른 방법이지만 preseInt를 사용하면 몇 가지 일반적인 함정에 직면하게 됩니다:

parseInt("08"); // returns 0 部分老浏览器.
parseInt("44.jpg"); // returns 44

parseInt: 기수가 전달되지 않으면 전달된 기본 기수는 10 parseInt(num , 10), num 속성의 유형을 모르는 경우 문자열을 숫자로 변환하는 데 parsInt를 사용하지 마세요. parseInt: 没有传入基数时，默认是传入的基数为 10 parseInt(num, 10)，如果你不知道 num 属性的类型，不要使用 parseInt 进行字符串转数字。

parseFloat

如果你不解析 16 进制数，这是一个非常好的选择。例如：

parseInt(-0xff); // returns -255
parseInt("-0xFF"); // returns -255
parseFloat(-0xff); // returns -255
parseFloat("-0xFF"); // returns 0

注意：字符串中的负十六进制数字是一个特殊情况，如果你用 parseFloat 解析，结果是不正确的。为了避免程序出现 NaN 的情况，应该检查转化后的值。

parseFloat("44.jpg"); // return 44

parseFloat: 转换十六进制数时要小心，如果你不知道要转换对象的类型，不要使用 parseFloat。

按位非

可以把字符串转换成整数，但他不是浮点数。如果是一个字符串转换，它将返回 0；

~~1.23; // returns 1
~~"1.23"; // returns 1
~~"23"; // returns 23
~~"Hello world"; // returns 0

这是什么原理？通过翻转每个位，也称为数字的 A1 补码。你可以使用它，但注意只能用来存储整数。所以通常情况不要用它，除非你能确定这个数是在 32 位整数之间的值（因为调用的 ToInt32 的规范）。

按位非：用它确保输入中没有字符，仅用于整数。

Number

Number 与以上提及的转换方式一样存在这样的问题，解析时试图找出你给他的数字：

Number("023"); // returns 23
Number(023); // returns 19

注意：023 实际上是一个八进制数，无论你怎么做，都是返回 19；对于没有单引号或双引号的十六进制数一样。

Number 也是 JsPerf 中最慢的之一。

Number：几乎不用它。

一元云算符

"1.23" * 1; // returns 1.23
"0xFF" - 0; // returns 255
"0xFF.jpg" / 1 + // returns NaN
    "023"; // returns 23

一元运算符与其它的解析方式不同，如果是一个 NaN 值，那么返回的也是 NaN 。这是我最喜欢的数值转换方式，因为我认为任何带有字符的对象都不应该被视为 0 或者根据他有多少位来“猜”。我基本使用 + 操作符，因为这个方式不容易混淆。虽然 -0 的用法也很好，但它并没有很好的表达转换为数字的本意。

将字符串转换为数字的最佳方法？

负十六进制数字符串转换为数字时。应首先将任何其转换为 String（例如通过 + ""

parseFloat

🎜🎜16진수를 구문 분석하지 않는 경우 매우 좋은 선택입니다. 예: 🎜rrreee🎜 참고: 문자열의 음수 16진수는 특별한 경우이며,parseFloat로 구문 분석하면 결과가 올바르지 않습니다. 프로그램에서 NaN 상황을 방지하려면 변환된 값을 확인해야 합니다. 🎜rrreee🎜parseFloat: 16진수를 변환할 때는 주의하세요. 변환하려는 객체의 유형을 모르는 경우에는parseFloat를 사용하지 마세요. 🎜🎜🎜🎜Bitwise NOT 🎜🎜🎜🎜은 문자열을 정수로 변환할 수 있지만 부동 소수점 숫자는 아닙니다. 문자열 변환인 경우 0을 반환합니다.🎜rrreee🎜무슨 뜻인가요? 각 비트를 뒤집어 숫자의 A1 보수라고도 합니다. 사용할 수 있지만 정수를 저장하는 데에만 사용할 수 있습니다. 따라서 일반적으로 숫자가 32비트 정수 사이인지 확실하지 않은 경우(ToInt32 호출 사양으로 인해) 사용하지 마세요. 🎜🎜비트별 NOT: 입력에 문자가 없고 정수만 있는지 확인하려면 이 옵션을 사용하세요. 🎜🎜🎜🎜Number🎜🎜🎜🎜Number는 위에서 언급한 변환 방법과 동일한 문제가 있습니다. 구문 분석 시 사용자가 제공한 숫자를 찾으려고 합니다. 🎜rrreee🎜참고: 023은 어쨌든 실제로 8진수입니다. 그렇게 하면 작은따옴표나 큰따옴표가 없는 16진수에 대해 항상 19가 반환됩니다. 🎜🎜Number는 JsPerf에서 가장 느린 것 중 하나이기도 합니다. 🎜🎜번호: 거의 사용하지 않습니다. 🎜🎜🎜🎜단항 클라우드 연산자🎜🎜🎜rrreee🎜 단항 연산자는 다른 구문 분석 방법과 다릅니다. NaN 값이면 NaN도 반환합니다. 이것은 숫자 값을 변환하는 데 제가 가장 좋아하는 방법입니다. 왜냐하면 문자가 있는 객체는 비트 수에 따라 0 또는 "추측"으로 처리되어야 한다고 생각하지 않기 때문입니다. 기본적으로 + 연산자를 사용하는 이유는 덜 혼란스럽기 때문입니다. -0을 활용하는 것도 좋지만 숫자로 변환하려는 본래의 의도를 잘 표현하지는 못합니다. 🎜🎜🎜🎜 문자열을 숫자로 변환하는 가장 좋은 방법은 무엇입니까? 🎜🎜🎜🎜음수 16진수 문자열을 숫자로 변환하는 경우. 먼저 문자열로 변환해야 하는 모든 항목(예: + "" 을 통해)을 사용한 다음 단항 연산자 또는 기수를 사용하는 구문 분석기(parseInt)를 사용하여 숫자로 구문 분석합니다. 그러나 결과가 NaN 값이 아닌 경우에는parseFloat를 사용하는 것이 더 적합합니다. 🎜🎜추천 튜토리얼: "🎜JS Tutorial🎜"🎜

위 내용은 JS 문자열을 숫자로 변환하는 5가지 방법 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!