JS类型转换常见的方法小结
一、类型转换
1.转换成字串
ECMAScript的Boolean值、数字和字串的原始值的有趣之处在于它们是伪对象,这意味着它们实际上具有属性和方法。
如:
Js代码
复制代码 代码如下:
var sColor = "blue";
alert(th);//outputs "4"
var sColor = "blue";
alert(th);//outputs "4"
总而言之,3种主要的原始值Boolean值、数字和字串都有toString()方法。ECMAScript定义的所有对象都有toString()方法,无论它是伪对象,还是真的对象。
Boolean型的toString()方法只是输出"true"或"false",结果由变量的值决定:
Js代码
复制代码 代码如下:
var bFound = false;
alert(ring());//outputs "false"
var bFound = false;
alert(ring());//outputs "false"
Number类型的toString()方法比较特殊,它有两种模式,即默认模式和基模式,采用默认模式,toString()方法只是用相应的字符串输出数字值(无论是整数、浮点数还是科学记数法)。
Js代码
复制代码 代码如下:
var iNum1 = 10;
var fNum2 = 10.0;
alert(ring()); //outputs "10"
alert(ring()); //outputs "10"
var iNum1 = 10;
var fNum2 = 10.0;
alert(ring()); //outputs "10"
alert(ring()); //outputs "10"
采用Number类型的toString()方法的基模式,可以用不同的基(进制基数)输出数字。
Js代码
复制代码 代码如下:
var iNum = 10;
alert(ring(2)); //outputs "1010"
alert(ring(8)); //outputs "12"
alert(ring(16)); //outputs "A"
var iNum = 10;
alert(ring(2)); //outputs "1010"
alert(ring(8)); //outputs "12"
alert(ring(16)); //outputs "A"
2.转换成数字
ECMAScript提供了两种把非数字的原始值转换成数字的方法,即parseInt()和parseFloat()。
注意:只有对String类型(Number除外)调用这些方法,才能正确运行对其他类型返回的都是NaN。
例如:
Js代码
复制代码 代码如下:
var iNum1 = parseInt("1234blue");//returns 1234
var iNum2 = parseInt("oxA"); //returns 10
var iNum3 = parseInt("22.5"); //returns 22
var iNum4 = parseInt("blue"); //returns NaN
var iNum1 = parseInt("1234blue");//returns 1234
var iNum2 = parseInt("oxA"); //returns 10
var iNum3 = parseInt("22.5"); //returns 22
var iNum4 = parseInt("blue"); //returns NaN
parseInt()方法还有基模式,可以把二进制、八进制、十六进制或者其他任何进制的字符串转换成十进制整数。第二个参数指定按哪一种进制来解析。
Js代码
复制代码 代码如下:
var iNum1 = parseInt("AF",16);// returns 175
var iNum2 = parseInt("10",2); // returns 2
var iNum3 = parseInt("10",8); //returns 8
var iNum4 = parseInt("10",10); //returns 10
var iNum1 = parseInt("AF",16);// returns 175
var iNum2 = parseInt("10",2); // returns 2
var iNum3 = parseInt("10",8); //returns 8
var iNum4 = parseInt("10",10); //returns 10
说明:如果十进制数包含前导0,那么最好采用基数10,否则得到的是八进制的值。
Js代码
复制代码 代码如下:
var iNum1 = parseInt("010"); // returns 8
var iNum2 = parseInt("010",8); //returns 8
var iNum3 = parseInt("010",10);//returns 10
var iNum1 = parseInt("010"); // returns 8
var iNum2 = parseInt("010",8); //returns 8
var iNum3 = parseInt("010",10);//returns 10
parseFloat()方法与parseInt()方法的'处理方式相似,从位置0开始查看每个字符,直到找到第一个非有效的字符为止,然后把该字符之前的字串转换成数字。对于这个方法来说,第一个出现的小数点是有效字符。如果用两个小数点,第二个小数点将被看作无效的。使用该方法的另一个不同之处在于,字串必须以十进制形式表示浮点数。
Js代码
复制代码 代码如下:
var fNum1 = parseFloat("1234blue"); //returns 1234.0
var fNum2 = parseFloat("0xA"); //returns NaN
var fNum3 = parseFloat("22.5"); //returns 22.5
var fNum4 = parseFloat("22.34.5");//returns 22.34
var fNum5 = parseFloat("0908");//returns NaN
var fNum6 = parseFloat("blue");//returns NaN
var fNum1 = parseFloat("1234blue"); //returns 1234.0
var fNum2 = parseFloat("0xA"); //returns NaN
var fNum3 = parseFloat("22.5"); //returns 22.5
var fNum4 = parseFloat("22.34.5");//returns 22.34
var fNum5 = parseFloat("0908");//returns NaN
var fNum6 = parseFloat("blue");//returns NaN
3.强制类型转换
ECMAScript中可用的3种强制类型转换如下:
(1)ean(value)
把给定的值转换成Boolean型。
当要转换的值是至少有一个字符的字符串、非0数字或对象时,Boolean()函数将返回true。如果该值是空字符串、数字0、undefined或null,它将返回false。
如:
Js代码
复制代码 代码如下:
var b1 = Boolean(""); // false;
var b2 = Boolean("hi");//true
var b3 = Boolean(100);//true
var b4 = Boolean(null);//false
var b5 = Boolean(0);//false
var b6 = Boolean(new Object());//true
var b1 = Boolean(""); // false;
var b2 = Boolean("hi");//true
var b3 = Boolean(100);//true
var b4 = Boolean(null);//false
var b5 = Boolean(0);//false
var b6 = Boolean(new Object());//true
(2)er(value)
把给定的值转换成数字(可以是整数或浮点数)。
还记得parseInt()和parseFloat()方法只转换第一个无效字符之前的字符串,因此"4.5.6"将被转换为"4.5"。用 Number()进行强制类型转换,"4.5.6"将返回NaN,因为整个字符串值不能转换成数字。如果字符串能被完整地转换,Number()将判断是调用parseInt()方法还是调用parseFloat()方法。
如:
Js代码
复制代码 代码如下:
Number(false);//0
Number(true);//1
Number(undefined);//NaN
Number(null);//0
Number("5.5");//5.5
Number("56");//56
Number("5.6.7");//NaN
Number(new Object());//NaN
Number(100);//100
Number(false);//0
Number(true);//1
Number(undefined);//NaN
Number(null);//0
Number("5.5");//5.5
Number("56");//56
Number("5.6.7");//NaN
Number(new Object());//NaN
Number(100);//100
(3)ng(value)
把给定的值转换成字串。
与调用toString()方法的唯一不同之处在于,对null或undefined值强制类型转换可以生成字符串而不引发错误:
Js代码
复制代码 代码如下:
var s1 = String(null);//"null"
var oNull = null;
var s2 = ring();//causes an error
-
幼儿园保育员年终个人工作总结(合集12篇)
总结是指社会团体、企业单位和个人对某一阶段的学习、工作或其完成情况加以回顾和分析,得出教训和一些规律性认识的一种书面材料,它可以提升我们发现问题的能力,是时候写一份总结了。总结怎么写才不会千篇一律呢?下面是小编精心整理的幼儿园保育员年终个人工作总结...
-
政治期末教学总结 合集11篇
总结是指对某一阶段的工作、学习或思想中的经验或情况加以总结和概括的书面材料,它可使零星的、肤浅的、表面的感性认知上升到全面的、系统的、本质的理性认识上来,为此我们要做好回顾,写好总结。但是却发现不知道该写些什么,以下是小编收集整理的政治期末教学总结...
-
酒店仓库年终工作总结10篇
总结是对某一阶段的工作、学习或思想中的经验或情况进行分析研究的书面材料,通过它可以全面地、系统地了解以往的学习和工作情况,为此要我们写一份总结。总结怎么写才能发挥它的作用呢?下面是小编精心整理的酒店仓库年终工作总结,希望对大家有所帮助。酒店仓库年终...
-
小学一年级期末班主任工作总结(7篇)
总结是指社会团体、企业单位和个人在自身的某一时期、某一项目或某些工作告一段落或者全部完成后进行回顾检查、分析评价,从而肯定成绩,得到经验,找出差距,得出教训和一些规律性认识的一种书面材料,它在我们的学习、工作中起到呈上启下的作用,让我们抽出时间写写总结...