javascript 类型转换。

目录:
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() 就会报错,所以后面的代码不能执行

时间: 2024-10-28 21:46:41

javascript 类型转换。的相关文章

javascript类型转换

Javascript类型转换: 值 转换为:字符串 数字 布尔值 对象 undefined "undefined" NaN false throws TypeError null "null" 0 false throws TypeError true "true" 1 new Boolean(true) false "false" 0 new Boolean(false) ""空字符串 0 false n

javascript 类型转换

JavaScript任何时候都可以为变量赋值(数字.字符串等),不过如果我让两个变量相加,其中一个是数字,另一个是字符串,会发生什么呢? JavaScript很聪明,它会尝试根据你的需要转换类型.例如,如果你将一个字符串和一个数字相加,它就会把这个数字转换为一个字符串,然后将两个字符串串联起来.这就是这篇文章要讲的JavaScript类型转换, 介绍: JavaScript中变量可以分配到Reference value或者Primitive Value.Reference value也称为对象,

Javascript类型转换的规则实例解析

http://www.jb51.net/article/79916.htm 类型转换可以分为隐式转换和显式转换,所谓隐式转换即程序在运行时进行的自动转换,显式转换则是人为的对类型进行强制转换.Javascript的变量是松散类型的,它可以存储Javascript支持的任何数据类型,其变量的类型可以在运行时被动态改变.请看示 例: ? 1 2 3 var n = 10; n = "hello CSSer!"; n = {}; 上面的示例中,首先声明n变量并初始化其值为10(整数类型),接

一道面试题引发的对javascript类型转换的思考

最近群里有人发了下面这题:实现一个函数,运算结果可以满足如下预期结果: add(1)(2) // 3 add(1, 2, 3)(10) // 16 add(1)(2)(3)(4)(5) // 15 对于一个好奇的切图仔来说,忍不住动手尝试了一下,看到题目首先想到的是会用到高阶函数以及 Array.prototype.reduce(). 高阶函数(Higher-order function):高阶函数的意思是它接收另一个函数作为参数.在 javascript 中,函数是一等公民,允许函数作为参数或

javascript类型转换、运算符、语句

1.类型转换: 分为自动转换和强制转换,一般用强制转换. 其他类型转换为整数:parseint(): 其他类型转换为小数:parsefloat(): 判断是否是一个合法的数字类型:isNaN(): 是数字的话返回false,不是数字的话返回ture. 示例: 2.运算符: 数学运算符:+  -  *  /  %  ++  --: 关系运算符:==  !  =  >=  <=  >  <: 逻辑运算符:&&  ||  !: 其他运算符:+=  -=  *=  /=  

JavaScript类型转换总结与常见情况分析

类型转换是将值从一种类型转换为另一种类型的过程(比如字符串转数字,对象转布尔值等) 一.类型转换的分类 类型转换可以分为隐式类型转换和显式类型转换. 二者的区别显而易见:我们能够从代码中看出哪些地方是显式强制类型转换,而隐式强制类型转换则不那么明显,通常是某些操作产生的副作用. 例如: var a = 42; var b = a + ""; // 隐式强制类型转换 var c = String( a ); // 显式强制类型转换 对变量 b 而言,强制类型转换是隐式的:由于 + 运算符

Javascript类型转换的规则

数据类型:

Javascript类型转换表

各种类型的值 转换为各种类型 String Number Boolean Object undefined "undefined" NaN false 报错 null "null" 0 false 报错 true "true" 1 相同类型 Boolean false "false" 0 相同类型 Boolean "" 相同类型 0 false String "2.3" 相同类型 2.3

JavaScript中的类型转换(一)

前言 JavaScript是一种非常灵活的弱类型的语言,它的灵活性的一方面体现在其繁杂多样的类型转换.比如当JavaScript期望使用一个布尔值的时候(比如if语句中)你可以提供任一类型的值,JavaScript会按照需要自行转换类型:当使用==操作符比较两个类型值的时候,也会对两个操作数按需进行转换,同样的事情也发生在使用+,>和<等操作符时.这些灵活繁杂的转换往往会使初学者不知所措,本文对JavaScript的类型转换做一个总结. JavaScript中的类型分类 JavaScript中