zoukankan      html  css  js  c++  java
  • JS类型转换

    一、类型转换

    1.转换成字串

    ECMAScript的Boolean值、数字和字串的原始值的有趣之处在于它们是伪对象,这意味着它们实际上具有属性和方法。
    如:
    Js代码
    var sColor = "blue";   
    1. alert(sColor.length);//outputs "4"  


    总而言之,3种主要的原始值Boolean值、数字和字串都有toString()方法。ECMAScript定义的所有对象都有toString()方法,无论它是伪对象,还是真的对象。

    Boolean型的toString()方法只是输出"true"或"false",结果由变量的值决定:
    Js代码
    var bFound = false;   
    1. alert(bFound.toString());//outputs "false"  


    Number类型的toString()方法比较特殊,它有两种模式,即默认模式基模式,采用默认模式,toString()方法只是用相应的字符串输出数字值(无论是整数、浮点数还是科学记数法)。
    Js代码
    1. var iNum1 = 10;   
    2. var fNum2 = 10.0;   
    3. alert(iNum1.toString()); //outputs "10"   
    4. alert(fNum2.toString()); //outputs "10"  


    采用Number类型的toString()方法的基模式,可以用不同的基(进制基数)输出数字。
    Js代码 复制代码
    1. var iNum = 10;   
    2. alert(iNum.toString(2));  //outputs "1010"   
    3. alert(iNum.toString(8));  //outputs "12"   
    4. alert(iNum.toString(16)); //outputs "A"  


    2.转换成数字

    ECMAScript提供了两种把非数字的原始值转换成数字的方法,即parseInt()parseFloat()
    注意:只有对String类型(Number除外)调用这些方法,才能正确运行对其他类型返回的都是NaN。

    例如:
    Js代码
    1. var iNum1 = parseInt("1234blue");//returns 1234   
    2. var iNum2 = parseInt("oxA"); //returns 10   
    3. var iNum3 = parseInt("22.5"); //returns 22   
    4. var iNum4 = parseInt("blue"); //returns NaN  


    parseInt()方法还有基模式,可以把二进制、八进制、十六进制或者其他任何进制的字符串转换成十进制整数。第二个参数指定按哪一种进制来解析。
    Js代码
    1. var iNum1 = parseInt("AF",16);// returns 175   
    2. var iNum2 = parseInt("10",2); // returns 2   
    3. var iNum3 = parseInt("10",8); //returns 8   
    4. var iNum4 = parseInt("10",10); //returns 10  


    说明:如果十进制数包含前导0,那么最好采用基数10,否则得到的是八进制的值。
    Js代码
    1. var iNum1 = parseInt("010");  // returns 8   
    2. var iNum2 = parseInt("010",8); //returns 8   
    3. var iNum3 = parseInt("010",10);//returns 10  


    parseFloat()方法与parseInt()方法的处理方式相似,从位置0开始查看每个字符,直到找到第一个非有效的字符为止,然后把该字符之前 的字串转换成数字。对于这个方法来说,第一个出现的小数点是有效字符。如果用两个小数点,第二个小数点将被看作无效的。使用该方法的另一个不同之处在于, 字串必须以十进制形式表示浮点数。

    Js代码
    1. var fNum1 = parseFloat("1234blue"); //returns 1234.0   
    2. var fNum2 = parseFloat("0xA"); //returns NaN   
    3. var fNum3 = parseFloat("22.5"); //returns 22.5   
    4. var fNum4 = parseFloat("22.34.5");//returns 22.34   
    5. var fNum5 = parseFloat("0908");//returns NaN   
    6. var fNum6 = parseFloat("blue");//returns NaN  


    3.强制类型转换
    ECMAScript中可用的3种强制类型转换如下:
    (1).Boolean(value)
    把给定的值转换成Boolean型。
    当要转换的值是至少有一个字符的字符串、非0数字或对象时,Boolean()函数将返回true。如果该值是空字符串、数字0、undefined或null,它将返回false。
    如:
    Js代码
    1. var b1 = Boolean(""); // false;   
    2. var b2 = Boolean("hi");//true   
    3. var b3 = Boolean(100);//true   
    4. var b4 = Boolean(null);//false   
    5. var b5 = Boolean(0);//false   
    6. var b6 = Boolean(new Object());//true  


    (2).Number(value)
    把给定的值转换成数字(可以是整数或浮点数)。
    还记得parseInt()和parseFloat()方法只转换第一个无效字符之前的字符串,因此"4.5.6"将被转换为"4.5"。用 Number()进行强制类型转换,"4.5.6"将返回NaN,因为整个字符串值不能转换成数字。如果字符串能被完整地转换,Number()将判断是 调用parseInt()方法还是调用parseFloat()方法。
    如:
    Js代码
    1. Number(false);//0   
    2. Number(true);//1   
    3. Number(undefined);//NaN   
    4. Number(null);//0   
    5. Number("5.5");//5.5   
    6. Number("56");//56   
    7. Number("5.6.7");//NaN   
    8. Number(new Object());//NaN   
    9. Number(100);//100  


    (3).String(value)
    把给定的值转换成字串。
    与调用toString()方法的唯一不同之处在于,对null或undefined值强制类型转换可以生成字符串而不引发错误:
    Js代码
    1. var s1 = String(null);//"null"   
    2. var oNull = null;   
    3. var s2 = oNull.toString();//causes an error  


    二、引用类型
    引用类型通常叫作类(class),也就是说,遇到引用值时,所处理的就是对象。ECMAScript定义了“对象定义”,逻辑上等价于其他程序设计语言中的类。

    1.Object类
    ECMAScript中的所有类都由这个类继承而来,Object类中的所有属性和方法都会出现在其他类中(被覆盖)。

    Object类的属性:

    (1).Constructor----对创建对象的函数的引用(指针)。对于Object类,该指针指向原始的object()函数。

    (2).Prototype----对该对象的对象原型的引用。对于所有的类,它默认返回Object对象的一个实例。
  • 相关阅读:
    P4559 [JSOI2018]列队
    2019.2.14 考试T3 交互题
    2019.2.14 考试T1 FFT
    P3240 [HNOI2015]实验比较 树形DP
    bzoj 3514: Codechef MARCH14 GERALD07加强版 LCT+主席树
    P4172 [WC2006]水管局长 LCT维护最小生成树
    P4177 [CEOI2008]order 最小割
    CF1073G Yet Another LCP Problem SA+权值线段树
    CF1110D Jongmah
    2019.2.10考试T2, 多项式求exp+生成函数
  • 原文地址:https://www.cnblogs.com/nianshi/p/1518412.html
Copyright © 2011-2022 走看看