javascript 类型转换。

全校js感觉好漫长,断断续续,要坚定不移每天都能学到点,统计了下数据类型的更换。

Javascript的变量是高枕无忧类型的,它可以存储Javascript襄助的另外数据类型,其变量的档次可以在运转时被动态改变。请看示例:

var n = 10;
n = "hello CSSer!";
n = {};

下面的示范中,首先声明n变量并初步化其值为10(整数体系),接着将字符串“hello CSSer!”赋值给n,接着再赋一个目的给它,最终n的系列是目标类型。可以看出变量n的体系具有动态性,实际编程中,我们提议不要频繁改变变量的品类,因为这对调节没有好处。

正因为Javascript中变量类型具有动态性,在先后实际执行的过程中就需要用到类型转换的定义。

类型转换可以分成隐式转换和显式转换,所谓隐
式转换即程序在运作时举办的电动转换,显式转换则是人工的对品种举办强制转换。

正文将对Javascript的类型转换举行总结。

显式转换

通过手动举办类型转换,Javascript提供了以下转型函数:

转换为数值类型:Number(mix)、parseInt(string,radix)、parseFloat(string)
更换为字符串类型:toString(radix)、String(mix)
转移为布尔类型:Boolean(mix)

1、Number(mix)函数,可以将轻易档次的参数mix转换为数值类型。其规则为:

  1. 如假诺布尔值,true和false分别被撤换为1和0
  2. 尽管是数字值,重临自己。
  3. 如果是null,返回0.
  4. 如果是undefined,返回NaN。
  5. 假即便字符串,遵守以下规则:
    1. 倘使字符串中只含有数字,则将其更换为十进制(忽略前导0)
    2. 如若字符串中富含有效的浮点格式,将其转移为浮点数值(忽略前导0)
    3. 万一是空字符串,将其转移为0
    4. 一经字符串中蕴藏非以上格式,则将其更换为NaN
  6. 假如若目的,则调用对象的valueOf()方法,然后依照前边的条条框框转换再次来到的值。如若转换的结果是NaN,则调用对象的toString()方法,再一次依照后边的条条框框转换重临的字符串值。

下表列出了目的的valueOf()的再次回到值:

对象 返回值
Array 数组的元素被转换为字符串,这些字符串由逗号分隔,连接在一起。其操作与 Array.toString 和 Array.join 方法相同。
Boolean Boolean 值。
Date 存储的时间是从 1970 年 1 月 1 日午夜开始计的毫秒数 UTC。
Function 函数本身。
Number 数字值。
Object 对象本身。这是默认情况。
String 字符串值。

 

 

 

 

 

 

 

 

下边提供多少个例证,你能写出它的不易结果吗:

<script>
document.write("result1:"+Number(true)+"<br>");
document.write("result2:"+Number(null)+"<br>");
document.write("result3:"+Number("001122")+"<br>");
document.write("result4:"+Number("hello CSSer!")+"<br>");
document.write("result5:"+Number("0×8")+"<br>");
document.write("result6:"+Number(0*8)+"<br>");
document.write("result7:"+Number("")+"<br>");
document.write("result8:"+Number("020dd")+"<br>");
document.write("result9:"+Number("hello CSSer!")+"<br>");
</script>

结果:

result1:1
result2:0
result3:1122
result4:NaN
result5:NaN
result6:0
result7:0
result8:NaN
result9:NaN

2、parseInt(string, radix)函数,将字符串转换为整数类型的数值。它也有必然的条条框框

  1. 大意字符串前面的空格,直至找到第一个非空字符
  2. 假诺第一个字符不是数字符号或者负号,重临NaN
  3. 设若首个字符是数字,则继续分析直至字符串解析完毕或者境遇一个非数字符号结束
  4. 假若上步解析的结果以0起头,则将其当作八进制来分析;假如以0x起头,则将其当作十六进制来分析
  5. 比方指定radix参数,则以radix为基数进行解析

小测验:

<script>
document.write("result1:"+parseInt("       001122")+"<br>");
document.write("result2:"+parseInt("-1122")+"<br>");
document.write("result3:"+parseInt("0123")+"<br>");
document.write("result4:"+parseInt("hello CSSer!")+"<br>");
document.write("result5:"+parseInt("0x12")+"<br>");
document.write("result6:"+parseInt(0*8)+"<br>");
document.write("result7:"+parseInt("")+"<br>");
document.write("result8:"+parseInt("020dd")+"<br>");
document.write("result9:"+parseInt("1f",16)+"<br>");  //返回 31 (16+15)
document.write("result10:"+parseInt("22.5")+"<br>");
</script>

结果:

result1:1122
result2:-1122
result3:123
result4:NaN
result5:18
result6:0
result7:NaN
result8:20
result9:31
result10:22

3、parseFloat(string)函数,将字符串转换为浮点数类型的数值

它的条条框框与parseInt基本相同,但也有点分别:字符串中首先个小数点符号是行之有效的,其它parseFloat会忽略所有前导0,如果字符串包含一个可解析为整数的数,则赶回整数值而不是浮点数值。

4、toString(radix)方法。除undefined和null之外的保有连串的值都具备toString()方法,其职能是回到对象的字符串表示

对象 操作
Array 将 Array 的元素转换为字符串。结果字符串由逗号分隔,且连接起来。
Boolean 如果 Boolean 值是 true,则返回 “true”。否则,返回 “false”。
Date 返回日期的文字表示法。
Error 返回一个包含相关错误信息的字符串。
Function 返回如下格式的字符串,其中 functionname 是被调用 toString 方法函数的名称:

function functionname( ) { [native code] }

Number 返回数字的文字表示。
String 返回 String 对象的值。
默认 返回 “[object objectname]”,其中 objectname 是对象类型的名称。

 

 

 

 

 

 

 

 

 

 

 

 

5、String(mix)函数,将其他项目标值转换为字符串,其规则为

  1. 设若有toString()方法,则调用该办法(不传递radix参数)并回到结果
  2. 如果是null,返回”null”
  3. 如果是undefined,返回”undefined”

6、Boolean(mix)函数,将其他类型的值转换为布尔值

以下值会被转移为false:false、””、0、NaN、null、undefined,其它任何值都会被转换为true。

 

目录:
1 : 伪对象  
2 : 转换为字符串  
3 : 数字转字符串  
4 : 转换为数字  
5 : 转换为Boolean  
6 : Number()和parseInt()的区别  
7 : String()和toString()的区别

1 : 伪对象
伪对象:javascript是一门很有意思的言语,固然是主题类型,也是伪对象,所以她们都有总体性和办法。
变量a的品种是字符串,通过调用其为伪对象的特性length获取其尺寸 。

<script>
  var a="hello javascript";
  document.write("变量a的类型是:"+(typeof a));
  document.write("<br>");
  document.write("变量a的长度是:"+a.length);
</script>

运转效果:
变量a的系列是:string
变量a的长度是:16

2 : 转换为字符串
甭管Number,Boolean如故String都有一个toString方法,用于转移为字符串

<script>
  var a=10;
  document.write("数字 "+a+" 转换为字符串"+a.toString());
  document.write("<br>");

  var b=true;
  document.write("布尔 "+b+" 转换为字符串"+b.toString());
  document.write("<br>");

  var c="hello javascript";
  document.write("字符串 "+c+" 转换为字符串 "+c.toString());
  document.write("<br>");

</script>

运转效果:
数字 10 转换为字符串10
布尔 true 转换为字符串true
字符串 hello javascript 转换为字符串 hello
javascript

3 : 数字转字符串
Number转换为字符串的时候有默认模式和基情势两种

<script>
  var a=10;
  document.write('默认模式下,数字10转换为十进制的'+a.toString()); //默认模式,即十进制
  document.write("<br>");

  document.write('基模式下,数字10转换为二进制的'+a.toString(2)); //基模式,二进制
  document.write("<br>");

  document.write('基模式下,数字10转换为八进制的'+a.toString(8)); //基模式,八进制
  document.write("<br>");

  document.write('基模式下,数字10转换为十六进制的'+a.toString(16)); //基模式,十六进制
  document.write("<br>");

</script>

运转效果:
默认情势下,数字10更换为十进制的10
基格局下,数字10转移为二进制的1010
基形式下,数字10变换为八进制的12
基情势下,数字10转移为十六进制的a

4 : 转换为数字
javascript分别提供放置函数 parseInt()和parseFloat(),转换为数字
注:如果被撤换的字符串,同时又数字和字符构成,那么parseInt会一向稳定数字,直到出现非字符。
所以”10abc” 会被转换为 10
考虑题: 字符串”10abc8″ 又会被更换为多少吗?

<script>
  document.write("字符串的\"10\"转换为数字的:"+parseInt("10")); //转换整数
  document.write("<br>");
  document.write("字符串的\"3.14\"转换为数字的:"+parseFloat("444 3.14"));//转换浮点数
  document.write("<br>");
  document.write("字符串的\"10abc\"转换为数字的:"+parseInt("10abc")); //判断每一位,直到发现不是数字的那一位
  document.write("<br>");

  document.write("字符串的\"hello javascript\"转换为数字的:"+parseInt("h5555ello javascript")); //如果完全不包含数字,则返回NaN - Not a Number
  document.write("<br>");

</script>

运作效果:
字符串的”10″转换为数字的:10
字符串的”3.14″转换为数字的:444
字符串的”10abc”转换为数字的:10
字符串的”hello
javascript”转换为数字的:NaN

5 : 转换为Boolean  
选用内置函数Boolean() 转换为Boolean值
当转换字符串时:
非空即为true
当转换数字时:
非0即为true
当转换对象时:
非null即为true

<script>
  document.write("空字符串''转换为布尔后的值:"+Boolean(""));  //空字符串
  document.write("<br>");
  document.write("非空字符'hello javascript '串转换为布尔后的值:"+Boolean("hello javascript"));  //非空字符串
  document.write("<br>");
  document.write("数字 0 转换为布尔后的值:"+Boolean(0));  //0
  document.write("<br>");
  document.write("数字 3.14 转换为布尔后的值:"+Boolean(3.14)); //非0
  document.write("<br>");
  document.write("空对象 null 转换为布尔后的值:"+Boolean(null));  //null
  document.write("<br>");
  document.write("非对象 new Object() 转换为布尔后的值:"+Boolean(new Object()));  //对象存在
  document.write("<br>");
</script>

运行效果:
空字符串”转换为布尔后的值:false
非空字符’hello javascript
‘串转换为布尔后的值:true
数字 0 转换为布尔后的值:false
数字 3.14 转换为布尔后的值:true
空对象 null 转换为布尔后的值:false
非对象 new Object()转换为布尔后的值:true

6 : Number()和parseInt()的区别  
Number()和parseInt()一样,都得以用来开展数字的转换
区分在于,当转换的情节涵盖非数字的时候,Number() 会再次来到NaN(Not a
Number)
parseInt()要看境况,固然以数字先导,就会回来开端的合法数字有的,尽管以非数字起首,则赶回NaN

<script>
  document.write("通过Number() 函数转换字符串'123' 后得到的数字:"+Number("123"));   //正常的
  document.write("<br>");
  document.write("通过Number() 函数转换字符串'123abc' 后得到的数字:"+Number("123abc"));   //包含非数字
  document.write("<br>");
  document.write("通过Number() 函数转换字符串'abc123' 后得到的数字:"+Number("abc123"));   //包含非数字
  document.write("<br>");

  document.write("通过parseInt() 函数转换字符串'123' 后得到的数字:"+parseInt("123"));   //正常的
  document.write("<br>");
  document.write("通过parseInt() 函数转换字符串'123abc' 后得到的数字:"+parseInt("123abc"));   //包含非数字,返回开头的合法数字部分
  document.write("<br>");
  document.write("通过parseInt() 函数转换字符串'abc123' 后得到的数字:"+parseInt("abc123"));   //包含非数字,以非数字开头,返回NaN
  document.write("<br>");

</script>

运转效果:
经过Number() 函数转换字符串’123′
后拿到的数字:123
通过Number() 函数转换字符串’123abc’
后拿走的数字:NaN
由此Number() 函数转换字符串’abc123′
后得到的数字:NaN
透过parseInt() 函数转换字符串’123′
后拿走的数字:123
经过parseInt() 函数转换字符串’123abc’
后拿到的数字:123
由此parseInt() 函数转换字符串’abc123′
后收获的数字:NaN

7 : String()和toString()的区别
String()和toString()一样都会回到字符串,区别在于对null的拍卖
String()会回来字符串”null”
toString() 就会报错,不可能实施

<script>
  var a = null;
  document.write('String(null) 把空对象转换为字符串:'+String(a));  
  document.write("<br>");  
  document.write('null.toString() 就会报错,所以后面的代码不能执行');  
  document.write(a.toString());  
  document.write("因为第5行报错,所以这一段文字不会显示");  
</script>

运转效果:
String(null)
把空对象转换为字符串:null
null.toString()就会报错,所未来面的代码不可能履行

 

隐式转换

在少数情形下,即便我们不提供映现转换,Javascript也会进展自动类型转换,紧要情况有:

1. 用于检测是否为非数值的函数:isNaN(mix)

isNaN()函数,经测试发现,该函数会尝试将参数值用Number()举办转移,若是结果为“非数值”则赶回true,否则重返false。

2. 递增递减操作符(包括前置和后置)、一元朔负符号操作符

这么些操作符适用于其他数据类型的值,针对不同品类的值,该操作符遵从以下规则(经过相比发现,其规则与Number()规则基本相同):

  1. 万一是含有有效数字字符的字符串,先将其转移为数字值(转换规则同Number()),在推行加减1的操作,字符串变量变为数值变量。
  2. 只假若不分包有效数字字符的字符串,将变量的值设置为NaN,字符串变量变成数值变量。
  3. 设倘使布尔值false,先将其转移为0再实践加减1的操作,布尔值变量编程数值变量。
  4. 假定是布尔值true,先将其更换为1再实践加减1的操作,布尔值变量变成数值变量。
  5. 如果是浮点数值,执行加减1的操作。
  6. 一旦是目标,先调用对象的valueOf()方法,然后对该重临值应用前边的条条框框。假使结果是NaN,则调用toString()方法后再使用前边的平整。对象变量变成数值变量。

小测验:

各自对以下项目的值执行后置递增操作,结果是怎样?

style=”font-style: normal”>“2″, ”02dd”, ””, false, 22.5, +””, -false, +new Date()

3. 加法运算操作符

加号运算操作符在Javascript也用于字符串连接符,所以加号操作符的平整分三种状态:

  • 比方六个操作值都是数值,其规则为:
  1. 一旦一个操作数为NaN,则结果为NaN
  2. 如果是Infinity+Infinity,结果是Infinity
  3. 如果是-Infinity+(-Infinity),结果是-Infinity
  4. 如果是Infinity+(-Infinity),结果是NaN
  5. 如果是+0+(+0),结果为+0
  6. 如果是(-0)+(-0),结果为-0
  7. 如果是(+0)+(-0),结果为+0
  • 若果有一个操作值为字符串,则:
  1. 假如两个操作值都是字符串,则将它们拼接起来
  2. 设若唯有一个操作值为字符串,则将此外操作值转换为字符串,然后拼接起来
  3. 倘使一个操作数是目标、数值或者布尔值,则调用toString()方法得到字符串值,然后再利用前边的字符串规则。对于undefined和null,分别调用String()显式转换为字符串。

可以看看,加法运算中,倘若有一个操作值为字符串类型,则将另一个操作值转换为字符串,最终连接起来。

4. 计量、减号运算符、取模运算符

这些操作符针对的是运算,所以他们有着共同性:假若操作值之一不是数值,则被隐式调用Number()函数举办转换。具体每一种运算的事无巨细规则请参考ECMAScript中的定义。

5. 逻辑操作符(!、&&、||)

逻辑非(!)操作符首先通过Boolean()函数将它的操作值转换为布尔值,然后求反。

逻辑与(&&)操作符,假使一个操作值不是布尔值时,听从以下规则举行转移:

  1. 设若第一个操作数经Boolean()转换后为true,则赶回第二个操作值,否则重回第一个值(不是Boolean()转换后的值)
  2. 假使有一个操作值为null,重返null
  3. 如果有一个操作值为NaN,重返NaN
  4. 万一有一个操作值为undefined,再次来到undefined

逻辑或(||)操作符,即使一个操作值不是布尔值,听从以下规则:

  1. 要是第一个操作值经Boolean()转换后为false,则赶回第二个操作值,否则再次来到第一个操作值(不是Boolean()转换后的值)
  2. 对此undefined、null和NaN的拍卖规则与逻辑与(&&)相同

6. 涉及操作符(<, >, <=, >=)

与上述操作符一样,关系操作符的操作值也可以是即兴档次的,所以利用非数值类型参加相比较时也急需系统开展隐式类型转换:

  1. 只要三个操作值都是数值,则展开数值相比较
  2. 假如几个操作值都是字符串,则相比字符串对应的字符编码值
  3. 如若唯有一个操作值是数值,则将另一个操作值转换为数值,举行数值相比
  4. 假使一个操作数是目的,则调用valueOf()方法(如若目的没有valueOf()方法则调用toString()方法),得到的结果遵照前边的平整执行比较
  5. 只要一个操作值是布尔值,则将其更换为数值,再展开相比

注:NaN是相当独特的值,它不和此外项目的值很是,包括它和谐,同时它与另外类型的值相比较大时辰都回到false。

7. 相当于操作符(==)

对等操作符会对操作值举行隐式转换后开展相比:

  1. 一经一个操作值为布尔值,则在相比较前边先将其转移为数值
  2. 如若一个操作值为字符串,另一个操作值为数值,则透过Number()函数将字符串转换为数值
  3. 要是一个操作值是目的,另一个不是,则调用对象的valueOf()方法,拿到的结果依据前面的条条框框举办相比较
  4. null与undefined是异常的
  5. 万一一个操作值为NaN,则相当于相比再次回到false
  6. 一经六个操作值都是目的,则相比它们是不是指向同一个目的