广州Web前端培训必学：JS数据类型转换详解

使用微信扫描二维码分享朋友圈，成交更快更简单！

广州Web前端培训必学：JS数据类型转换详解

　　JavaScript中涉及的知识点很多，其中数据类型转换让很多同学苦恼不已，在今天的千锋广州Web前端学习课程中，小编就给大家详细的讲解一下。JavaScript可运行在所有主要平台的所有主流浏览器上，也可运行在每一个主流操作系统的服务器端上，是一个的Web前端人才要掌握的知识点。

　　JavaScript数据类型

　　Number：指的是数字，可以为整型，也可以是浮点数。

　　string字符串：由零个或多个字符构成，字符包括字母、数字、标点符号和空格，需要注意的是字符串放在引号里(单引号或双引号)。

　　boolean布尔型：数据只能有两种值true和false，在JavaScript中true和false：是关键字，通常我们设置布尔值时多用于条件的判断。

　　underfine：通常指的是没有赋值的变量，通过typeof可以对数据的类型进行判断。

　　Null：是一个只有一个值的特殊类型，表示一个空对象引用。

　　object对象：是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体，常见的对象有array、window、document等。

　　JavaScript类型转换方式

　　在JavaScript中我们经常需要知道某些变量的数据类型，并将其转换为我们所需要的数据类型。转换的方式可分为两种：

　　1、显式转换：是通过手动进行类型转换，Javascript提供了以下转型函数：

　　转换为数值类型：Number(mix)、parseInt(string,radix)、parseFloat(string);

　　转换为字符串类型：toString(radix)、String(mix);

　　转换为布尔类型：Boolean(mix)。

　　2、隐式转换：有时候即使我们不提供显示转换，Javascript也会进行自动类型转换，主要情况有：

　　用于检测是否为非数值的函数：isNaN(mix);

　　递增递减操作符(包括前置和后置)、一元正负符号操作符;

　　加法运算符、乘除运算符、减号运算符、取模运算符;

　　逻辑操作符(!、&&、||);

　　关系操作符(<, >, <=, >=)

　　相等操作符(==)

　　常见类型转换方法

　　1、parseInt()

　　parseInt() 方法可以根据给定的进制数把一个字符串解析成整数，语法：

　　parseInt(string[, radix])

　　string:被解析的值。如果不是一个字符串，则将其转换为字符串。字符串开头的空白符将会被忽略。

　　radix:一个介于2和36之间的整数(数学系统的基础)，表示上述字符串的基数。总是该参数可以结果可预测。当忽略该参数时，不同的实现环境可能产生不同的结果。

　　2、parseFloat()

　　parseFloat() 函数解析一个字符串参数并返回一个浮点数。语法：

　　parseFloat(string)

　　string:需要被解析成为浮点数的字符串。

　　3、Number()

　　Number()可以用于任何数据类型，而parseInt()和parseFloat()则用于字符串。语法：

　　Number(value)

　　当然，除了以上内容，JavaScript类型转换方式海报库一元正号(+)、 Number.prototype.toString()以及一些情景带来的自动类型转换等，在此小编就不一一列举了。如果你想了解更多广州Web前端学习教程资料，可以关注“千锋广州”公众号!