js ~~ 或 + 把各类型转换成数字的两种方法

骑猪看日落 2023-07-20 05:38 14阅读 0赞

一、前言  
在使用 js 的时候经常会出现要把非Number类型转为Number，而又因为 js 奇奇怪怪的转换规则而导致一头雾水。在这篇文章里我总结一下使用 + 和 ~~ 两种方式尝试把各类型转换为数字。

二、+ 的妙用  
我曾做过一道题：

var a = false;  var b = 1++a ;

问 b 为多少？

当时我看到这两个加号就隐约觉得不妙。。。实际上这里就用到了 “ + ”的类型转换规则

1++a 这个表达式执行顺序是这样的：1+（+a）即先用 “ + ” 把false转换为数字 0 ，然后再与 1 相加。

那么这里就有个问题了，既然false转为0，那其他类型会怎么样呢？我以各种类型做了实验，得出结果为：

String  
（数字内容字符串）+“123” = 123  （非数字字符串）+“asd” = NaN   （空字符串）+“” = 0

Boolean  
（true）+true = 1  (false) +false = 0

null  
\+null = 0

undefined  
\+undefined = NaN

Symbol  
\+Symbol() = 错误：Cannot convert a Symbol value to a number 不能把Symbol类型转换为数字

Object  
\+\{ \} = NaN

Array  
（空数组）+\[ \] = 0  （一个数字的数组）+\[1\] = 1 （多个数字的数组）+\[1,2\] = NaN

Funciton  
\+ function f()\{ \} = NaN

NaN  
\+NaN = NaN

由上面的结果可以总结得出：只有 数字内容字符串（“123”）、空字符串（“”）、Boolean类型、null、空数组（\[ \]）、单数字数组（\[1\]）可以转换为数字类型

由上面各种情形可知 + 如果遇到 undefined、Object等类型时就无能为力了，这样会导致运算结果不是数字。

我们的救星 ~ 位取反运算符就来了。

三、~~ 的妙用  
~ 位取反运算符是把变量的底层数组取反。两次取反操作后会变成数字。

这里展示对各种类型测试的结果：

String  
（数字内容字符串）~~“123” = 123  （非数字字符串）~~“asd” = 0   （空字符串）~~“” = 0

Boolean  
（true）~~true = 1  (false) ~~false = 0

null  
~~null = 0

undefined  
~~undefined = 0

Symbol  
~~Symbol() = 错误：Cannot convert a Symbol value to a number 不能把Symbol类型转换为数字

Object  
~~\{ \} = 0

Array  
（空数组）~~\[ \] = 0  （一个数字的数组）~~\[1\] = 1 （多个数字的数组）~~\[1,2\] = 0

Funciton  
~~ function f()\{ \} = 0

NaN  
~~NaN = 0

由上述结果可得出结论：使用~~后除了Symbol不能转为数字，其他各类型都会转为数字，即使是 undefined 也不会出现NaN的情况。这可比 + 好用多了。

发表评论取消回复

表情：

评论列表（有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关 java把数字转换成汉字 java 数字转汉字

[使用java将数字转化为中文汉字\_java数字转中文\_javaerly的博客-CSDN博客][java_java_javaerly_-CSDN] package

墨蓝/ 2024年03月24日 18:32/ 0 赞/ 71 阅读

相关 js中把数字转换成汉字输出

目录背景实现方法方法1 方法二：支持9位以上也就是亿级别的，如果需要钱的那种单位，把注释放开就行 -------------------- 背景 >

逃离我推掉我的手/ 2023年10月12日 16:56/ 0 赞/ 66 阅读

相关 js 字符串转换成数字两种情况（字符串为纯数字字符、数字字符加非数字字符）

1、字符串为纯数字字符（1）直接进行算术运算，除加法运算以外 var strNum="123"; var num1=strNum-1; var n

不念不忘少年蓝@/ 2023年10月05日 08:44/ 0 赞/ 28 阅读

相关 js ~~ 或 + 把各类型转换成数字的两种方法

一、前言在使用 js 的时候经常会出现要把非Number类型转为Number，而又因为 js 奇奇怪怪的转换规则而导致一头雾水。在这篇文章里我总结一下使用 + 和 ~~

骑猪看日落/ 2023年07月20日 05:38/ 0 赞/ 15 阅读

相关 C++ 把数字字符串转换成int输出

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5

分手后的思念是犯贱/ 2022年12月09日 14:59/ 0 赞/ 220 阅读

相关字符串转换成数字的方法【C#】

在C\中，经常需要将字符串转换成数字，简单总结三种方法：一、Convert：将一个基本数据类型转换成另一个基本数据类型。比如，将用户输入的数学成绩进行转换：

桃扇骨/ 2022年06月17日 09:51/ 0 赞/ 406 阅读

相关 js 字符串转换成数字的三种方法

本文转载自：[http://www.jb51.net/article/35005.htm][http_www.jb51.net_article_35005.htm] 在js读

r囧r小猫/ 2022年06月17日 09:21/ 0 赞/ 254 阅读

相关如何把char类型的数字字符转换成int类型

近来面试遇到一个问题，通过控制台输入一个12位的数字，然后进行一些计算，然后被困在如何把char类型的数字转换成int类型。通过搜索，找到两个解决办法。 1、把char型转换

￡神魔★判官ぃ/ 2022年05月26日 07:35/ 0 赞/ 277 阅读

相关 java中char类型转换成int类型的两种方法（转载·有改动）

方法一：通过 Integer.parseInt(str) 方法； char ch = '9'; if (Character.isDigit(ch)){

傷城~/ 2021年10月01日 06:50/ 0 赞/ 552 阅读

相关数据类型转换成String数据类型，将String类型转换成数字基本类型

1.数据类型转换成String数据类型：String.valueof(); 2.将String类型转换成数字基本类型: Integer.parseInt(); Doub

朱雀/ 2021年09月28日 11:46/ 0 赞/ 653 阅读