JavaScript 基本数据类型转换

作者：编程三昧

2022 年 1 月 22 日
本文字数：1181 字
阅读完需：约 4 分钟

前言

数据类型转换是我们在前端开发中经常遇到的场景，一般而言，在 JavaScript 中类型转换有三种情况：

转换为数字（调用 Number(),parseInt(),parseFloat()方法）
转换为字符串（调用.toString()或 String()方法）
转换为布尔值（调用 Boolean()方法）

需要注意的是：null、undefined 没有.toString() 方法。

转换为数字

Number(string) 方法

Number() 可以把任意值转换成数字，如果要转换的目标对象（一般是字符串）中有不是数字的值，则会返回 NaN。

Number('1')   // 1Number(true)  // 1Number('123s') // NaNNumber({})  //NaN

复制代码

parseInt(string, radix)

解析一个字符串并返回指定基数的十进制整数，radix 是 2-36 之间的整数，表示被解析字符串的基数。

parseInt('2') //2parseInt('2',10) // 2parseInt('2',2)  // NaNparseInt('a123')  // NaN  如果第一个字符不是数字或者符号就返回NaNparseInt('123a')  // 123

复制代码

parseFloat(string)

解析一个参数并返回一个浮点数。

parseFloat('123a')  //123parseFloat('123a.01')  //123parseFloat('123.01')  //123.01parseFloat('123.01.1')  //123.01

复制代码

隐式转换

let str = '123'-str  // -123str+1 // '1231'+str+1 // 124let res = str - 1 //122

复制代码

转换为字符串

toString()

将目标对象转换为字符串。

注意：null,undefined 不能调用。

Number(123).toString()  //'123'[].toString()  //''true.toString()  //'true'

复制代码

String()

String() 的作用比较强大，它可以将任何传入的值都转为字符串。

String(123)  //'123'String(true)  //'true'String([])  //''String(null)  //'null'String(undefined)  //'undefined'String({})  //'[object Object]'

复制代码

隐式转换

当 + 两边有一个是字符串，另一个是其它类型时，会先把其它类型转换为字符串再进行字符串拼接，返回字符串：

let a = 1a + ''  // '1'

复制代码

转换为布尔值

Boolean()

Boolean() 方法会将以下值转换为 false：

0
""
null
undefined
NaN

其余的所有值都会被转换为 true。

Boolean('') //falseBoolean(0) //falseBoolean(1) //trueBoolean(null) //falseBoolean(undefined) //falseBoolean(NaN) //falseBoolean({}) //trueBoolean([]) //true

复制代码

条件语句

在条件语句中，我们一般不会主动进行布尔转换。

let aif(a) {  //...   //这里a为undefined，会转为false，所以该条件语句内部不会执行}

复制代码

隐式转换

let str = '111'console.log(!!str) // true

复制代码

总结

以上就是 JavaScript 基本数据类型转换相关的知识总结，其中最需要注意的是隐士转换。

~本文完，感谢阅读！

学习有趣的知识，结识有趣的朋友，塑造有趣的灵魂！
大家好，我是〖编程三昧〗的作者 隐逸王，我的公众号是『编程三昧』，欢迎关注，希望大家多多指教！
你来，怀揣期望，我有墨香相迎！你归，无论得失，唯以余韵相赠！
知识与技能并重，内力和外功兼修，理论和实践两手都要抓、两手都要硬！

发布于: 刚刚阅读数: 4

原文链接:【http://xie.infoq.cn/article/f948a602ae4eb8b6d03024c3e】。

编程三昧

关注

学习有趣的知识，塑造有趣的灵魂！ 2019.08.30 加入

还未添加个人简介

发布

暂无评论

创作场景

JavaScript 基本数据类型转换

前言

转换为数字

Number(string) 方法

parseInt(string, radix)

parseFloat(string)

隐式转换

转换为字符串

toString()

String()

隐式转换

转换为布尔值

Boolean()

条件语句

隐式转换

总结

编程三昧

评论