JavaScript是一种弱类型的语言,因此在确保使用值的正确的情况下,类型转换是十分重要的。本文将介绍JavaScript中转换为字符串、数字、强制转换以及简要介绍==的原理及于===的区别。
目录:
1.转换为字符串
2.转换成数字
3.强制类型转换
4.==的工作原理
1.转换为字符串
可用toString()将对象转换为字符串。首先介绍几个概念:
1)伪对象:Js的基本数据类型有String,Number,Boolean,Null,Undefined,其中String,Number,Boolean具有toString方法,即它们实际上具有属性和方法,因此这三中类型被认为是“伪对象”。
2)toString()的默认模式和基模式:若无参数默认为默认模式,即只是用相应的字符串输出数字值(无论是整数、浮点数还是科学计数法),如下所示:
var iNum1 = 10;
var iNum2 = 10.0;
var iNum3 = 10.1;
alert(iNum1.toString()); //输出 "10"
alert(iNum2.toString()); //输出 "10"
alert(iNum3.toString()); //输出 "10.1"
基只是要转换成的基数的另一种加法而已,它是 toString() 方法的参数,一般用于转换进制,如下所示:
var iNum = 10;
alert(iNum.toString(2)); //输出 "1010"
alert(iNum.toString(8)); //输出 "12"
alert(iNum.toString(16)); //输出 "A"
注:对于十进制的数字,toString(10)和toString()的作用相同。
2.转换成数字
ECMAScript 提供了两种把非数字的原始值转换成数字的方法,即 parseInt() 和 parseFloat()。前者把值转换成整数,后者把值转换成浮点数。只有对 String 类型调用这些方法,它们才能正确运行;对其他类型返回的都是 NaN。另外,还有valueOf() 。
parseInt()
parseInt() 方法首先查看位置 0 处的字符,判断它是否是个有效数字;如果不是,该方法将返回 NaN,不再继续执行其他操作。但如果该字符是有效数字,该方法将查看位置 1 处的字符,进行同样的测试。这一过程将持续到发现非有效数字的字符为止,此时 parseInt() 将把该字符之前的字符串转换成数字。
例如,如果要把字符串 “12345red” 转换成整数,那么 parseInt() 将返回 12345,因为当它检查到字符 r 时,就会停止检测过程。
字符串中包含的数字字面量会被正确转换为数字,比如 “0xA” 会被正确转换为数字 10。不过,字符串 “22.5” 将被转换成 22,因为对于整数来说,小数点是无效字符。
一些示例如下:
var iNum1 = parseInt("12345red"); //返回 12345
var iNum1 = parseInt("0xA"); //返回 10
var iNum1 = parseInt("56.9"); //返回 56
var iNum1 = parseInt("red"); //返回 NaN
parseInt() 方法还有基模式,可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。基是由 parseInt() 方法的第二个参数指定的,所以要解析十六进制的值,需如下调用 parseInt() 方法:
var iNum1 = parseInt("10", 2); //返回 2
var iNum2 = parseInt("10", 8); //返回 8
var iNum3 = parseInt("10", 10); //返回 10
var iNum4 = parseInt("A", 16); //返回 10
var iNum5 = parseInt("AF", 16); //返回 175
注:对于十进制数,parseInt(val,10)就等价于parseInt(val)
如果十进制数包含前导 0,那么最好采用基数 10,这样才不会意外地得到八进制的值。例如:
ar iNum1 = parseInt("010"); //返回 8
var iNum2 = parseInt("010", 8); //返回 8
var iNum3 = parseInt("010", 10); //返回 10
注:parseInt可以解析字面量,例如0开头为八进制,0x开头为十六进制。
parseFloat()
parseFloat() 方法与 parseInt() 方法的处理方式相似,从位置 0 开始查看每个字符,直到找到第一个非有效的字符为止,然后把该字符之前的字符串转换成整数。
不过,对于这个方法来说,第一个出现的小数点是有效字符。如果有两个小数点,第二个小数点将被看作无效的。parseFloat() 会把这个小数点之前的字符转换成数字。这意味着字符串 “11.22.33” 将被解析成 11.22。
使用 parseFloat() 方法的另一不同之处在于, 字符串必须以十进制形式表示浮点数,而不是用八进制或十六进制。该方法会忽略前导 0,所以八进制数 0102 将被解析为 102。对于十六进制数 0xA,该方法将返回 NaN,因为在浮点数中,x 不是有效字符。(注释:经测试,具体的浏览器实现会返回 0,而不是 NaN。)
此外,parseFloat() 方法也没有基模式。
下面是使用 parseFloat() 方法的一些示例:
var fNum1 = parseFloat("12345red"); //返回 12345
var fNum2 = parseFloat("0xA"); //返回 NaN
var fNum3 = parseFloat("11.2"); //返回 11.2
var fNum4 = parseFloat("11.22.33"); //返回 11.22
var fNum5 = parseFloat("0102"); //返回 102
var fNum1 = parseFloat("red"); //返回 NaN
valueOf() 方法可以字符串返回数字。字符串的输出通常等于该数字。
valueOf() 方法通常由 JavaScript 在后台自动进行调用,而不是显式地处于代码中。
当调用该方法的对象不是 Number 时抛出 TypeError 异常。
3.强制类型转换
除了上述的toSring(),parseInt()和parseFloat,还可以 强制转换(type casting)来处理转换值的类型。使用强制类型转换可以访问特定的值,即使它是另一种类型的。
ECMAScript 中可用的 3 种强制类型转换如下:
- Boolean(value) - 把给定的值转换成 Boolean 型;
- Number(value) - 把给定的值转换成数字(可以是整数或浮点数);
- String(value) - 把给定的值转换成字符串;
用这三个函数之一转换值,将创建一个新值,存放由原始值直接转换成的值。这会造成意想不到的后果。
Boolean() 函数
当要转换的值是至少有一个字符的字符串、非 0 数字或对象时,Boolean() 函数将返回 true。如果该值是空字符串、数字 0、undefined 或 null,它将返回 false。空数组、空对象转换为boolean后为true,只有以下情况会返回false:
var b1 = Boolean(""); //false - 空字符串
var b2 = Boolean(null); //false - null
var b3 = Boolean(0); //false - 零
var b4 = Boolean(undefined); //true - undefined
var b5 = Boolean(NaN); //true - NaN
Number() 函数
Number() 函数的强制类型转换与 parseInt() 和 parseFloat() 方法的处理方式相似,只是它转换的是整个值,而不是部分值。
还记得吗,parseInt() 和 parseFloat() 方法只转换第一个无效字符之前的字符串,因此 “1.2.3” 将分别被转换为 “1” 和 “1.2”。
用 Number() 进行强制类型转换,”1.2.3” 将返回 NaN,因为整个字符串值不能转换成数字。如果字符串值能被完整地转换,Number() 将判断是调用 parseInt() 方法还是 parseFloat() 方法。
下面例子说明了对不同的值调用 Number() 方法会发生的情况:
var b1 = Number(false); //0
var b2 = NNumber(true); //1
var b3 = Number(undefined); //NaN
var b4 = Number(null); //0
var b5 = Number("1.2"); //1.2
var b6 = Number("12"); //12
var b7 = Number("1.2.3"); //NaN
var b8 = Number(new object()); //NaN
var b9 = Number(50); //50
最后一种强制类型转换方法 String() 是最简单的,因为它可把任何值转换成字符串。
要执行这种强制类型转换,只需要调用作为参数传递进来的值的 toString() 方法,即把 12 转换成 “12”,把 true 转换成 “true”,把 false 转换成 “false”,以此类推。
强制转换成字符串和调用 toString() 方法的唯一不同之处在于,对 null 和 undefined 值强制类型转换可以生成字符串而不引发错误:
var n1 = String(null); //"null"
var oNull = null;
var n2 = oNull.toString(); //会引发错误
var u1 = String(undefined); //"undefined"
var oUndefined = undefined;
var u2 = oUndefined.toString(); //会引发错误
var o1 = {}.toString(); //[object Object]
var o2 = String({}); //[object Object]
4.“==”的工作原理
“==”实际进行了隐式类型转换,顺序如下:
一、首先看双等号前后有没有NaN,如果存在NaN,一律返回false。
二、再看双等号前后有没有布尔,有布尔就将布尔转换为数字。(false是0,true是1)
1、对方是对象,对象使用toString()或者valueOf()进行转换;
2、对方是数字,字符串转数字;
3、对方是字符串,直接比较;
4、其他返回false
三、接着看双等号前后有没有字符串, 有三种情况:
四、如果是数字,对方是对象,对象取valueOf()或者toString()进行比较, 其他一律返回false
五、null, undefined不会进行类型转换, 但它们俩相等
“==”与“===”的区别在于,在进行比较之前,”==”会进行隐式的类型转换。