JS类型转换

      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() 方法可以字符串返回数字。字符串的输出通常等于该数字。
    valueOf() 方法通常由 JavaScript 在后台自动进行调用,而不是显式地处于代码中。
    当调用该方法的对象不是 Number 时抛出 TypeError 异常。



3.强制类型转换


      除了上述的toSring(),parseInt()和parseFloat,还可以 强制转换(type casting)来处理转换值的类型。使用强制类型转换可以访问特定的值,即使它是另一种类型的。

      ECMAScript 中可用的 3 种强制类型转换如下:

      用这三个函数之一转换值,将创建一个新值,存放由原始值直接转换成的值。这会造成意想不到的后果。


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() 函数
       最后一种强制类型转换方法 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不会进行类型转换, 但它们俩相等

“==”与“===”的区别在于,在进行比较之前,”==”会进行隐式的类型转换。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值