JavaScript 隐式数据类型转换

红太狼 2020-05-27 14:13 1095阅读 0赞

# JavaScript 隐式数据类型转换

隐式数据类型转换，就是代码可以根据上下文自动进行数据类型转换。

看如下代码实例：

```javascript
let str="8";
console.log(typeof str);
console.log(typeof +str);
console.log(typeof Number(str));
```

代码运行效果截图如下：

![](/images/1590588793336.png)

代码分析如下：

（1）.声明一个变量并赋值为"8"，变量值是一个字符串。

（2）.typeof str返回值为字符串，这个没有任何问题。

（3）.typeof +str返回numer，这是因为+str可以执行隐式数据类型转换，我们并没有刻意去转换数据类型，但是JavaScript内部在遇到此运算上下文时，会自动尝试将字符串转换为数值类型。

（4）.最后一个则是显式数据类型转换，Number就是用来将参数转换为数值类型的。

**隐式数据类型转换规则：**

下面是比较常见的隐式数据类型转换，当然更多的规则需要自己不断的积累。

**1.加号用作二元运算符：**

加号（+）是一个多面手，可以用于算数计算，也可以进行字符串连接。

如果两个操作数中有一个是引用类型数据，也就是对象，那么首先会将对象转换为值类型数据。

如果操作数中，有一个是字符串，那么会将另一个操作转换为字符串，执行字符串连接操作。代码实例如下：

```javascript
console.log("8"+1);
console.log([8]+1);
```

代码运行效果截图如下：

![](/images/1590588781850.png)

代码分析如下：

（1）."8"是字符串，那么会隐式将1也转换为字符串，然后执行字符串连接操作。

（2）.[8]是引用类型数据，那么首先会将其转换为值类型，首先尝试调用valueOf方法，转换失败，然后再调用toString方法，转换为字符串"8"，然后再将数字1转换为字符串，最后执行字符串连接操作。

**2.加号作为一元运算符：**

如果操作数是对象，首先将其转换为值类型数据，然后再将其转换为数字，转换失败返回NaN。

```javascript
console.log(typeof +[8]
```

代码运行效果截图如下：

![](/images/1590588767949.png)

首先将数组转换为字符串"8"，然后再将其转换为数字。

**3.等号运算符（==）：**

是两个等号，不是三个等号，三个等号是全等运算符，不执行数据类型转换。

转换规则如下：

（1）.如果是数字和字符串之间的比较，则将字符串转换为数字。

（2）.如果是布尔值之间的比较true转换为1，false转换为0。

（3）.如果操作数中存在对象，则先将对象转换为值类型数据，再进行比较。

**4.减号作为二元运算符：**

如果操作数是对象，首先将其转换为值类型数据，然后再将其转换为数字，转换失败返回NaN。

```javascript
console.log([8]-5);
```

代码运行效果截图如下：

![](/images/1590588753438.png)

首先将数组转换为值类型数据"8"，然后再将其转换为数字。

**5.减号作为一元运算符：**

如果操作数是对象，首先将其转换为值类型数据，然后再将其转换为数字，转换失败返回NaN。

最后会改变数字的符号，代码实例如下：

```javascript
console.log(-[8]);
```

代码运行效果截图如下：

![](/images/1590588741897.png)

**6.>、>=、<、<=：**

能够利上述运算符的操作数只能是数字或者字符串是。

所以如有需要，就要进行隐式数据类型转换，转换规则如下：

（1）.如果操作数具有对象，那么首先将其转换为值类型数据。

（2）.转换后，如果两个操作数都是字符串，那么进行码值比较。

（3）.如果操作数中存在非字符串数据，那么首先将它们转换为数值，再比较，如果有操作数转换失败，此操作数返回NaN，最终结果返回false。

仅以大于号为例子做一下演示：

```javascript
console.log(new Date >5);
console.log([6]>5);
```

代码运行效果截图如下：

![](/images/1590588723989.png)

代码分析如下：

（1）.首先将Date对象转换为值类型，会调用valueOf方法，返回值是时间戳，很明显大于5。

（2）.数字会首先被转换为字符串"6"，然后将其转换为6，再比较大小。

**7.\*、/、%、!：**

*、/与%运算符首先会将操作数转换为数值，再进行运算。

如果操作数转换为数值失败，那么操作数返回NaN。

发表评论取消回复

表情：

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

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

相关阅读

相关试题：JavaScript隐式类型转换

var str = false + 1 document.write(str)// 1 var demo =

男娘i/ 2022年12月03日 09:49/ 0 赞/ 212 阅读

相关 JS隐式数据类型转换详解

隐式数据类型转换介绍前面有总结过 JS数据类型转换 Number(), toString(), parseInt()等都是属于强制转换。有时我们遇到当运算符在运算时，如

墨蓝/ 2022年11月29日 11:44/ 0 赞/ 208 阅读

相关 [JavaScript]隐式转换

console.log(true+1); //2，true隐式转换成了数值类型1 console.log('name'+true);

太过爱你忘了你带给我的痛/ 2022年11月28日 13:59/ 0 赞/ 210 阅读

相关隐式类型转换

<script> // js中一共有6个false值:0,NaN,"",false,null,undefined //

亦凉/ 2022年09月03日 01:16/ 0 赞/ 210 阅读

相关 JavaScript类型转换之隐式类型转换

JavaScript中隐式类型转换其实可以算是基于显式类型转换之上来实现的，所以要先对JavaScript中显式类型转换有一定的了解。 [点击查看][Link 1] --

电玩女神/ 2022年06月05日 09:46/ 0 赞/ 320 阅读

相关 JavaScript显式类型转换与隐式类型转换（转）

本文是一片转载文章，但只会贴出重要内容。 JavaScript中声明变量不需指定类型，对变量赋值也没有类型检查，同时JavaScript允许隐式类型转换。这些特征

逃离我推掉我的手/ 2022年05月24日 10:24/ 0 赞/ 285 阅读

相关 JavaScript隐式类型转换

数字自动转字符串，“+” JavaScript会自动把数字转换成字符的，不管数字在前还是字符串在前 ![70][] 需要注意， “+”的运算方向是从左到右的 1

Bertha 。/ 2022年05月20日 04:07/ 0 赞/ 255 阅读

相关有趣的JavaScript隐式类型转换

JavaScript的数据类型是非常弱的（不然不会叫它做弱类型语言了）！在使用算术运算符时，运算符两边的数据类型可以是任意的，比如，一个字符串可以和数字相加。之所以不同的数据类

我就是我/ 2022年03月25日 03:35/ 0 赞/ 284 阅读

相关 JavaScript隐式类型转换

JavaScript隐式类型转换基本数据类型 ECMAScript 一共定义了七种 `build-in types`，其中六种为 `Primitive Value

偏执的太偏执、/ 2022年03月07日 11:46/ 0 赞/ 373 阅读

相关 JavaScript 隐式数据类型转换

JavaScript 隐式数据类型转换隐式数据类型转换，就是代码可以根据上下文自动进行数据类型转换。

红太狼/ 2020年05月27日 14:13/ 0 赞/ 1096 阅读