JavaScript 中的强制类型转换

心已赠人 2022-06-03 04:50 319阅读 0赞

JavaScript 作为一个动态编程语言，其中的数据类型会随着程序运行而动态改变。对于很多人来说，强制类型转换很容易造成程序出错，而要记住所有的转换方式又是一件不那么容易的事情。比如下面这张 JavaScript 真值表

![JavaScript真值表][JavaScript]

类型转换发生在静态类型语言的编译阶段，而强制类型转换则发生在动态类型语言运行时。

JavaScript 提供了一系列强制类型转换的方法

var str = String(10);  // "10"
    var num = Number('10');  // 10
    var bool = Boolean('1');  // true

还有下面这种强制类型转换，就不那么明显了

var a = 10 + '';  // "10"

接下来介绍的就是第二种强制类型转换，只有了解这些转换的规则，就能够避免很多强制类型转换的“坑”。

首先，我们先来了解下 == 和 === 的区别，== 和 === 都是等性操作符，而 == 表示相等，而 === 表示完全相等。== 会强制转换两个值的类型来比较，而 === 不会。

接下来我们来看一组比较特殊的数值，undefined 和 null，它们的名字既是类型也是值。

undefined == null;  // true
    undefined === null;  // false

可以看到 undefined 和 null 在 == 下面会返回 true，那是因为 == 只会比较值，而不会比较其中的类型。

在 === 中，也会有特殊情况，比如 0 和 NaN。

NaN === NaN;  // false
    +0 === -0;  // true

在 ES6 中，提供了 Object.is 方法来更好的处理两个值相等的情况

Object.is(NaN, NaN);  // true
    Object.is(+0, -0);  // false

除了上面的值以外，还有字符串、数字、布尔型之间的相等转换规则：

1.  **字符串与数字比较，会转换字符串为数字**
2.  **布尔型与其他类型比较，会转换成数字**
3.  **数字与字符串与对象比较，都会转换成对象**

在下面的强制转换中，根据 ToBoolean 规则，它会进行布尔值的强制类型转换，所以 !\[\] 变成了 false，而 \[\] == false，所以就会返回 true。

[] == ![]  // true

之后再来看一个栗子

[] + {};  // "[Object Object]"
    {} + []  // 0

第一行代码中，\{\} 会被当成一个值（\[object, Object\]）来处理，而 \[\] 会转换为 “”。而第二行代码中，\{\} 被当做一个空的代码块，而 \[\] 被强制转换为了 0，所以才会出现上面这样的情况。

在平常的习惯中，我们应该尽可能的使用 === 而不是 ==。同时，可以选择使用 typeof 或者 ts 来避免强制类型转换的错误。

感谢阅读！

[JavaScript]: /images/20220603/a4758be5e97949eeadfeddce9c710772.png

发表评论取消回复

表情：

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

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

相关阅读

相关 java强制类型转换(java强制类型转换有哪些)

强制类型转换指的是什么？强制类型转换隐式自动类型转换编辑C++语言编译系统提供的内部数据类型的隐式自动转换规则如下：1、执行算术运算时，低类型(短字节)可以转换为高类型

迷南。/ 2023年09月25日 08:23/ 0 赞/ 85 阅读

相关强制类型转换

强制类型转换有可能会丢失一些数据 double a=9.99999; int ab=(int)a; 如果想对浮点数进行舍入运算，则需使用Math.r

蔚落/ 2022年10月30日 08:25/ 0 赞/ 372 阅读

相关强制类型转换

关于强制类型转换的问题，很多书都讨论过，写的最详细的是C++ 之父的《C++ 的设计和演化》。最好的解决方法就是不要使用C风格的强制类型转换，而是使用标准C++的类型转换符：s

迈不过友情╰/ 2022年08月23日 14:54/ 0 赞/ 381 阅读

相关 C++ 强制类型转换和赋值中的类型转换

强制类型转换原C语言的形式： (类型名)(表达式) 比如： (double)a //把a转换为double类型 (int)(a+b) //把a+b

ゝ一世哀愁。/ 2022年07月11日 14:29/ 1 赞/ 396 阅读

相关强制类型转换

include <stdio.h> include <stdlib.h> / run this program using the conso

淩亂°似流年/ 2022年06月07日 07:25/ 0 赞/ 381 阅读

相关 JavaScript 中的强制类型转换

JavaScript 作为一个动态编程语言，其中的数据类型会随着程序运行而动态改变。对于很多人来说，强制类型转换很容易造成程序出错，而要记住所有的转换方式又是一件不那么容易的事

心已赠人/ 2022年06月03日 04:50/ 0 赞/ 320 阅读

相关 JavaScript -- 强制类型转换

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" />

爱被打了一巴掌/ 2022年06月02日 07:21/ 0 赞/ 395 阅读

相关 javascript之强制类型转换

在javascript中，常会发生强制类型转换的情况有以下几种字符串拼接 var a = 1; var b = a + '1

逃离我推掉我的手/ 2021年12月24日 15:57/ 0 赞/ 422 阅读

相关强制类型转换

在Java中由于继承和向上转型，子类可以非常自然地转换成父类，但是父类转换成子类则需要强制转换。继承关系为：Son extends Father Father f

r囧r小猫/ 2021年09月22日 23:08/ 0 赞/ 645 阅读

相关 Javascript数据类型强制转换

一、转换为数值类型 1、Number(参数) 把任何的类型转换为数值类型 A.如果是布尔值，false为0，true为1 B.如果是数字，转换

待我称王封你为后i/ 2021年09月01日 03:06/ 0 赞/ 621 阅读