JavaScript类型转换方法及需要注意的问题小结(挺全面)

一、类型转换的方法和应该注意的问题:
1.转换为布尔型:
(1)用两次非运算(!):
!!5 ==> true
(2)用布尔型的构造函数:
new Boolean(5) == > true
值转换为布尔类型为false:
0,+0,-0,NaN,""(空字符串),undefined,null
除上面的值其他值在转换以后为true,需要特别提到的是:
"0",new Object(),function(){}
2.转换为字符串类型:
(1)加上空字符串"":
123 + "" = "123"
(2)用字符串构造函数:
new String(123) = "123".
需要特别注意的转化:
+0 ==> "0"
-0 ==> "0"
-Infinity ==>"-Infinity"
+Infinity ==>"+Infinity"
NaN ==> "NaN"
undefined ==> "undefined"
null ==> "null"
new Object() ==> "[object Object]"
function(){} ==> "function(){}"
3.转换为数值型:
(1) 取正(+), 减零 (-0), 乘一,(*1),除以一(/1),取负(-,这个得到相反的值)。
+"123" = 123
+true = 1
(2)用构造函数Number();
new Number("123") = 123
几个需要特别注意的转化:
""(空字符串) ==> 0
"010" ==> 10
"0x10"(16进制) ==> 16
"-010" ==> -10
"-0x10" ==> NaN
undefined ==> NaN
null ==> 0
true ==> 1
false ==> 0
new Object() ==> NaN
new function(){} ==> NaN

二、隐式类型转换:
(1)二元加法运算(+):如果两个操作数中有一个是String类型,将把两个操作数转换为String类型再相加。
如果两个操作数中没有字符串类型,那么将把两个操作数转换为数值类型再做运算。
举例:
"123"+123 = "123123";
123+123 = 246
true + true = 2
true + undefined = NaN (因为undefined转换为数值为NaN,所有结果为NaN)
true + null = 1 (null转换为数字是0)
"123" + null = "123null" (包含字符串将转化为字符串相加)
"123" + undefined = "123undefined" (undefined同样适用)
1 + 2 + "123" = "3123" (1+2是首先按照数值型计算的)
(2)二元减乘除运算(-*/):因为只有数值类型才有 - * / 运算,所以会先将两个操作数转换为数值型再做运算。
"123"-123 = 0
(3)一元取正(+),取负运算符(-):取正或者取负都是针对数值型的运算,所以会将操作数转换为数值型再做运算。
+"123" = 123
-"123" = -123
+"123e" = NaN
+"123f" = NaN
+"123e-2" = 1.23 
(4)一元非(!)运算符:非运算符需要将操作数转化为布尔类型。
!"123" = false
!!"123" = true
!123 = false
!!123 = true
(5)逻辑运算符(&&)和(||):
在&&或者||的两侧被判断的时候会被转为布尔类型进行判断,
但是我在测试的时候却发现一个有趣的事情。
&&运算符:如果有一个项为false,那么表达式返回false,如果所有的项都不为false,那么表达式返回最右边一个项的原始值。
举例:
123 && 23 && 45 返回 45,而不是我们想象中的true.
所以如果有 123 && 23 == true 那么应该是false。
至于if(123 && 23) 认为是true那应该是把23转换为布尔类型了。
||运算符:
对 || 测试的结果也和我想象的不一样,|| 返回第一个转换以后不为false的值,如果都为false,它将返回最后一个为false的值(未进行类型转化之前的值)。
举例: 
123 || 23 返回 123,而不是想象中的true.
false || null 返回null, 而不是想象中的false。
三、类型转换函数
1.parseFloat转换为浮点数:
字符解析函数获取每一个字符直到遇到不属于数值的字符,然后返回它已获取的数值.
几个需要特别注意的:
""(空字符串) ==> NaN
"123e-2" == > 1.23 (科学计算法是可以识别的)
"010" ==> 10 (8进制不能识别)
"0x10"==> 0 (16进制不识别)
"-010" ==> -10 
null,undefined,true,false,new Object(),function(){} ==> NaN
2.parseInt转换为有符号整数:
跟parseFloat相似,但是他会把小数位舍掉(注意不是四舍五入,是完全舍弃,跟Math.floor处理方式一样),而且他可以识别八进制和16进制表示方式:
123e-2 == > 1
"123e-2" ==> 123
"010" == > 8 
"0x10" ==> 16
"-010" == > -8 
"-0x10" ==> -16
null,undefined,true,false,new Object(),function(){},-Infinity +Infinity NaN ==> NaN
3.三个取整函数的区别
(1)Math.ceil():“天花板”,很形象吧?就是取大于等于参数的最小整数。
8.7 == > 9
-8.7==> -8
(2)Math.floor():"地板",取小于等于参数的最小整数。
8.7 ==> 8
-8.7 ==> -9
(3)Math.round():"四舍五入"取整数。

(0)

相关推荐

  • javascript类型转换使用方法

    (一)转换为字符串 复制代码 代码如下: X + ''toString()String() 函数转换为字符串一般是将函数体输出,不过可以重写其toString方法 (二)转换为数字 复制代码 代码如下: parseInt(),parseFloat() 使用Number(),前面不要加new,这样就转换成对象了. 参与数学运算(加法除外) + X :注意这不是加法 (三)转换为布尔值 自动转换:if语句,||,&&,!等逻辑判断环境中会把表达式自动转换为布尔值 强制转换:使用!!,使用Boo

  • javascript不同类型数据之间的运算的转换方法

    js中不同类型的基础数据之间可以转换,这种转换是有规则可寻的,并非随意的随机的.在js中有5种基础类型数据:string.number.boolean.null.undefined,其中,常用于计算或者比较的类型是前面三种. 基础数据之间的转换 其它类型转化数字 原始数据类型 目标类型Number undefined NaN null 0 false 0 true 1 数字串 相应的数字 不能转化的字符串 NaN 其它类型转化为字符串 原始数据类型 目标类型String undefined un

  • javascript 日期时间 转换的方法

    使用的微软的Json序列化库那么date会是 复制代码 代码如下: /Date(1224043200000)/ 有效的做法是 mydate.replace(/\/Date\((.*?)\)\//gi, "new Date($1)"); 如果要转换格式,最好写个扩展方法: Date.prototype.pattern=function(fmt) {             var o = {             "M+" : this.getMonth()+1,

  • JavaScript中将一个值转换为字符串的方法分析[译]

    译者注:前两天在看ES5的时候顺便出了一道题,今天看到这篇文章,刚好解释的很清楚,就翻译了一下.在JavaScript中,主要有三种方法能让任意值转换为字符串.本文讲解了每种方法以及各自的优缺点. 1.转换字符串的三种方法 这三种将value转换为字符串的方法是: 1.value.toString() 2."" + value 3.String(value) 第一种方法存在的问题是,它不能把null和undefined转换为字符串.还有第二种和第三种方法,这两种方法的效果基本一样. •

  • 使用javascript:将其它类型值转换成布尔类型值的解决方法详解

    1.利用Boolean对象进行转换 复制代码 代码如下: var num123 = 123, str = 'abc', o = {name:'test'}, num0 = 0; num123 = Boolean(num123); //true num0 = Boolean(num0); //false str = Boolean(str); //true o = Boolean(o); //true 2. 利用两个'!'运算符,第一个'!'将值转换成布尔值并取其值的非值,第二个'!'将其布尔值还

  • JavaScript转换农历类实现及调用方法

    复制代码 代码如下: var LunarDate = { madd: new Array(0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334), HsString: '甲乙丙丁戊己庚辛壬癸', EbString: '子丑寅卯辰巳午未申酉戌亥', NumString: "一二三四五六七八九十", MonString: "正二三四五六七八九十冬腊", CalendarData: new Array(0xA4B, 0

  • javascript将浮点数转换成整数的三个方法

    Summary 暂时我就想到3个方法而已.如果读者想到其他好用方法,也可以交流一下 parseInt 位运算符 Math.floor Math.ceil Description 一.parseInt 1. 实例 parseInt("13nash");//13 parseInt("")// NaN parseInt("0xA") //10(十六进制) parseInt(" 13")//13 parseInt("070&

  • javascript将数字转换整数金额大写的方法

    本文实例讲述了javascript将数字转换整数金额大写的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: function digit_uppercase(n) { var digit = [ '零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖' ]; var unit = [ ['元', '万', '亿'], ['', '拾', '佰', '仟'] ]; var s = ''; for (var i = 0; i < unit[

  • Javascript 类型转换方法

    Javascript中的变量同样支持自由类型转换成为适用(或者要求)的内容以便于使用. 弱类型的Javascript不会按照程序员的愿望从实际的变量类型到所需要的数据类型转换,例如一个非常常见的错误,在浏览器脚本中,从表单控件中获取用户将要输入的一个数值类型的变量与另一个数值变量的和.因为变量类型在表单控件中是字符串类型(计时字符串序列包含一个数字)这种尝试将会添加那个字符串到变量,即使这些值碰巧是一些数字,结果在第二个变量将会被转换为字符串类型,在最后只会把从表单控件中得到的变量添加到第一个字

  • JavaScript将数据转换成整数的方法

    JavaScript提供将数值转成整数的方法parseInt,用于转换字符串数据"123",或者浮点数1.23. 复制代码 代码如下: parseInt("1");  // 1parseInt("1.2");  // 1parseInt("-1.2");  // -1parseInt(1.2);  // 1parseInt(0);  // 0parseInt("0");  // 0 但是这个parseInt

随机推荐