JavaScript之类型转换

 本人是一个初学小萌新,对什么都比较好奇,开始学JavaScript,对JS的感兴趣,学到类型转换这个地方,总结了一下类型转换的知识点,给大家分享一下。

 类型转换分为“显示类型转换“和“隐式类型转换”。顾名思义，显示类型转换就是以各种转换函数进行的转换；隐式类型转换是暗藏在表达式里面的转换。

一，显示类型转换

 显示类型转换：Number（），parseInt（），parseFloat（），String（），Boolean（），toString（）。

（1）Number（）

 Number（）为数字转换类型，它可以把一切能转换成数字的转换成数字类型。

var a = "123";
var b = Number(a);
console.log(typeof(a) + ":" + a);

var a = false;  var b = Number(a); console.log(typeof(b) + "：" + b);

 输出结果为：

Number ：123

Number : 0

 而有些东西不能转换成数字的转换成 Number：NaN

var a = "123abc";
var b = Number(a);
console.log(typeof(b) + ":" + b);

输出结果为

Number ： NaN

（2）parseInt（）

 parseInt（）中有两个属性：parseInt（demo，index），demo为转换变量，index为进制数，

这里的index指的是demo为几进制的数，转换为十进制。这里index可以不写，只写demo一个。

  

var a = "100px";
var b = parseInt(a,2);
console.log(typeof(b) + ":" + b);

 输出结果：

Number ： 4

 ParseInt（）它的转换方式是从第一个数字读取开始，只读这一串数字，把后面不是数字的切掉。

这对于我们以后的JS+Css的编程（如何把“100px”转换成100）有很大帮助。

var a = "100px";
var b = parseInt(a);
console.log(typeof(b) + ":" + b);

 输出结果：

Number ： 100

（3）parseFloat（）

 parseFloat转换为float类型。

var a = "100.2";
var b = parseFloat(a);
console.log(typeof(b) + ":" + b);

  输出结果：

Number ： 100.2

（4）String（）

 String（）把其他类型转换为字符串类型。

var demo = true;
var num = String(demo);
console.log(typeof(num) + ":" + num);

 输出结果：

string ： true

（5）Boolean（）

 boolean是一个逻辑值，只有 false和true，相对应的数字的 0和1。

var demo = 1;
var num = Boolean(demo);
console.log(typeof(num) + ":" + num);

 输出结果：

boolean ： true

（6）toString（）

 toString（）方法也是转换成字符串，它有一个index属性，可以把数字转换成几进制的字符串。

toString用法：demo.toString（）；

var demo = 100;
var num =demo.toString(8);
console.log(typeof(num) + ":" + num);

 输出结果：

string:144

 除此之外，toString有一个主意的地方：undefined,null 不可以用toString 会报错

二，隐式类型转换

 隐式类型转换有：isNaN（），++/- +/-(一元正负)，+，-*/%，&& || ！，<><= >=

 == != ，！=== ===。

隐式转换肯定会有根据显示的去转换。在这列出来

isNaN()
console.log(isNaN(null));//隐式Number();
++ --
var a = "123";
a ++; 隐式 Number()
console.log(typeof(a) + ":" + a);
toString()
var a = +"abc";
console.log(typeof(a) + ":" + a); 
var a = "a" + 1;  只要一边有String + 都转换为String

 输出结果：

false
number:124
number:NaN

 ===和！===绝对等于和绝对不等于 不发生类型转换

除此之外还有一个toFixed（）表示保留几位小数。

var num=123.456789;
console.log(num.toFixed(2));

 输出结果：

123.45

以上是我自己学习总结的一些知识点，希望能帮助很多人，初次学习，肯定会有很多缺漏，希望大家帮我找出来，评论一下。