ECMAScriptjavascript 类型转换。

该校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也用于字符串连接符,所以加号操作符的平整分点儿种植状况:

  • 一经简单单操作值都是数值,其规则也:

  • 假若一个操作数为NaN,则结果也NaN

  • 如果是Infinity+Infinity,结果是Infinity
  • 如果是-Infinity+(-Infinity),结果是-Infinity
  • 如果是Infinity+(-Infinity),结果是NaN
  • 如果是+0+(+0),结果为+0
  • 如果是(-0)+(-0),结果为-0
  • 如果是(+0)+(-0),结果为+0

  • 假设产生一个操作值为字符串,则:

  • 若是个别只操作值都是字符串,则以它拼接起来

  • 设单独发一个操作值为字符串,则用另外操作值转换为字符串,然后拼接起来
  • 如若一个操作数是目标、数值或布尔值,则调用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. 假定简单独操作值都是目标,则比它们是不是依靠于与一个对象