文档章节

[转]js之类型转换与引用类型(Boolean/Number/String)

mj4738
 mj4738
发布于 2012/04/23 14:24
字数 2800
阅读 199
收藏 0
一、类型转换 

1.转换成字串 

ECMAScript的Boolean值、数字和字串的原始值的有趣之处在于它们是伪对象,这意味着它们实际上具有属性和方法。 
如: 
Js代码    收藏代码
  1. var sColor = "blue";  
  2. alert(sColor.length);//outputs "4"  


总而言之,3种主要的原始值Boolean值、数字和字串都有toString()方法。ECMAScript定义的所有对象都有toString()方法,无论它是伪对象,还是真的对象。 

Boolean型的toString()方法只是输出"true"或"false",结果由变量的值决定: 
Js代码    收藏代码
  1. var bFound = false;  
  2. alert(bFound.toString());//outputs "false"  


Number类型的toString()方法比较特殊,它有两种模式,即 默认模式 基模式 ,采用默认模式,toString()方法只是用相应的字符串输出数字值(无论是整数、浮点数还是科学记数法)。 
Js代码    收藏代码
  1. var iNum1 = 10;  
  2. var fNum2 = 10.0;  
  3. alert(iNum1.toString()); //outputs "10"  
  4. alert(fNum2.toString()); //outputs "10"  


采用Number类型的toString()方法的基模式,可以用不同的基(进制基数)输出数字。 
Js代码    收藏代码
  1. var iNum = 10;  
  2. alert(iNum.toString(2));  //outputs "1010"  
  3. alert(iNum.toString(8));  //outputs "12"  
  4. alert(iNum.toString(16)); //outputs "A"  


2.转换成数字 

ECMAScript提供了两种把非数字的原始值转换成数字的方法,即 parseInt() parseFloat() 。 
注意:只有对String类型(Number除外)调用这些方法,才能正确运行对其他类型返回的都是NaN。 

例如: 
Js代码    收藏代码
  1. var iNum1 = parseInt("1234blue");//returns 1234  
  2. var iNum2 = parseInt("oxA"); //returns 10  
  3. var iNum3 = parseInt("22.5"); //returns 22  
  4. var iNum4 = parseInt("blue"); //returns NaN  


parseInt()方法还有基模式,可以把二进制、八进制、十六进制或者其他任何进制的字符串转换成十进制整数。第二个参数指定按哪一种进制来解析。 
Js代码    收藏代码
  1. var iNum1 = parseInt("AF",16);// returns 175  
  2. var iNum2 = parseInt("10",2); // returns 2  
  3. var iNum3 = parseInt("10",8); //returns 8  
  4. var iNum4 = parseInt("10",10); //returns 10  


说明:如果十进制数包含前导0,那么最好采用基数10,否则得到的是八进制的值。 
Js代码    收藏代码
  1. var iNum1 = parseInt("010");  // returns 8  
  2. var iNum2 = parseInt("010",8); //returns 8  
  3. var iNum3 = parseInt("010",10);//returns 10  


parseFloat()方法与parseInt()方法的处理方式相似,从位置0开始查看每个字符,直到找到第一个非有效的字符为止,然后把该字符之前的字串转换成数字。对于这个方法来说,第一个出现的小数点是有效字符。如果用两个小数点,第二个小数点将被看作无效的。使用该方法的另一个不同之处在于,字串必须以十进制形式表示浮点数。 

Js代码    收藏代码
  1. var fNum1 = parseFloat("1234blue"); //returns 1234.0  
  2. var fNum2 = parseFloat("0xA"); //returns NaN  
  3. var fNum3 = parseFloat("22.5"); //returns 22.5  
  4. var fNum4 = parseFloat("22.34.5");//returns 22.34  
  5. var fNum5 = parseFloat("0908");//returns NaN  
  6. var fNum6 = parseFloat("blue");//returns NaN  


3.强制类型转换 
ECMAScript中可用的3种强制类型转换如下: 
(1).Boolean(value) 
把给定的值转换成Boolean型。 
当要转换的值是至少有一个字符的字符串、非0数字或对象时,Boolean()函数将返回true。如果该值是空字符串、数字0、undefined或null,它将返回false。 
如: 
Js代码    收藏代码
  1. var b1 = Boolean(""); // false;  
  2. var b2 = Boolean("hi");//true  
  3. var b3 = Boolean(100);//true  
  4. var b4 = Boolean(null);//false  
  5. var b5 = Boolean(0);//false  
  6. var b6 = Boolean(new Object());//true  


(2).Number(value) 
把给定的值转换成数字(可以是整数或浮点数)。 
还记得parseInt()和parseFloat()方法只转换第一个无效字符之前的字符串,因此"4.5.6"将被转换为"4.5"。用Number()进行强制类型转换,"4.5.6"将返回NaN,因为整个字符串值不能转换成数字。如果字符串能被完整地转换,Number()将判断是调用parseInt()方法还是调用parseFloat()方法。 
如: 
Js代码    收藏代码
  1. Number(false);//0  
  2. Number(true);//1  
  3. Number(undefined);//NaN  
  4. Number(null);//0  
  5. Number("5.5");//5.5  
  6. Number("56");//56  
  7. Number("5.6.7");//NaN  
  8. Number(new Object());//NaN  
  9. Number(100);//100  


(3).String(value) 
把给定的值转换成字串。 
与调用toString()方法的唯一不同之处在于,对null或undefined值强制类型转换可以生成字符串而不引发错误: 
Js代码    收藏代码
  1. var s1 = String(null);//"null"  
  2. var oNull = null;  
  3. var s2 = oNull.toString();//causes an error  


二、引用类型 
引用类型通常叫作类(class),也就是说,遇到引用值时,所处理的就是对象。ECMAScript定义了“对象定义”,逻辑上等价于其他程序设计语言中的类。 

1.Object类 
ECMAScript中的所有类都由这个类继承而来,Object类中的所有属性和方法都会出现在其他类中(被覆盖)。 

Object类的属性: 

(1).Constructor----对创建对象的函数的引用(指针)。对于Object类,该指针指向原始的object()函数。 

(2).Prototype----对该对象的对象原型的引用。对于所有的类,它默认返回Object对象的一个实例。 

Object类的方法: 

(1).HasOwnProperty(property)----判断对象是否有某个特定的属性。必须用字符串指定该属性(例如:o.hasOwnProperty("name"))。 

(2).IsPrototypeOf(object)----判断该对象是否为另一个对象的原型。 

(3).PropertyIsEnumerable(property)----判断给定的属性是否可以用for..in语句进行枚举。 

(4).ToString()----返回对象的原始字符串表示。不同的ECMAScript实现具有不同的值。 

(5).ValueOf()----返回最适合该对象的原始值。对于许多类,该方法返回的值都与toString()的返回值相同。 

2.Boolean类 

在ECMAScript中很少使用Boolean对象,即使使用,也不易理解。 
例如: 
Js代码    收藏代码
  1. var oFalseObject  = new Boolean(false);  
  2. var bResult = oFalseObject  && true;//outputs  true;  


原因:在Boolean表达式中,所有对象都会被自动转换为true。 

3.Number类 

Number.MAX_VALUE 等等特殊值都Number类的静态属性。要得到数字对象的Number原始值,只需要使用valueOf()方法: 
var iNumber = oNumberObject.valueOf(); 
除从Object类继承的标准方法外,Number类还有几个处理数值的专用方法。 

toFixed() 方法: 
返回的是具有指定位数小数的数字的字符串表示。方法能表示具有0到20位小数的数字,超出这个范围的值会引发错误。 
如: 
Js代码    收藏代码
  1. var oNumberObject = new Number(99);  
  2. aler(oNumberObject.toFixed(2));//outputs "99.00"  


toExponential() 方法: 
返回的是用科学记数法表示的数字的字符串形式。该方法也有一个参数,指定要输出的小数的位数。例如: 
Js代码    收藏代码
  1. var oNumberObj = new Number(99);  
  2. alert(oNumberObj.toExponential(1));//outputs "9.9e+1"  


toPrecision() 方法: 
根据最有意义的形式来返回数字的预定形式或指数形式。它有一个参数,即用于表示数的数字总数(不包括指数)。 
Js代码    收藏代码
  1. var oNumberObj = new Number(99);  
  2. alert(oNumberObj.toPrecision(1));//outputs "1e+2" ==100  
可以看出,toPrecision()方法会对数进行舍入,从而得到尽可能接近真实值的数。 
如: 
Js代码    收藏代码
  1. var oNumberObj = new Number(99);  
  2. alert(oNumberObj.toPrecision(2));// outputs "99"  
  3. alert(oNumberObj.toPrecision(3));// outputs "99.0"  


toFixed()、toExponential()和toPrecision() 方法都会进行舍入操作,以便用正确的小数位数正确地表示一个数。 

toLocaleString() 方法: 
可以在页面上格式显示,如5210.50显示为5,210.50,但是如果在使用其值时,应该用parseFloat($("N_YJJE").value.replace(/\,/g, ""));的形式替换掉逗号,后得到其值。 

注意:与Boolean对象相似,Number对象也很重要,不过应该少用这种对象,以避免发生潜在的问题。只要可能,都使用数字的原始表示法。 

4.String类 

String对象的valueOf()方法和toString()方法都会返回String型的原始值: 
Js代码    收藏代码
  1. alert(oStringObj.valueOf() == oStringObj.toString());//outputs "true"  


String类具有属性length,它是字符串的字符个数: 
Js代码    收藏代码
  1. var oStringObj = new String("hello world");  
  2. alert(oStringObj.length);outputs "11"  


注意:即使字符串包含双字节的字符,每个字符也只算一个字符。 

charAt() 方法: 
返回的是包含指定位置处的字符的字符串: 
Js代码    收藏代码
  1. var oStringObj = new String("hello world");  
  2. alert(oStringObj.charAt(1));outputs "e"  


charCodeAt() 方法: 
返回的是包含指定位置处的字符代码的字符串: 
Js代码    收藏代码
  1. var oStringObj = new String("hello world");  
  2. alert(oStringObj.charCodeAt(1));outputs "101"  


concat() 方法: 
用于把一个或多个字符串连接到String对象的原始值上。原String对象不变。 
Js代码    收藏代码
  1. var oStringObj = new String("hello ");  
  2. var sResult = oStringObj.concat("world");//oStringObj+"world";更常见  
  3. alert(sResult);//outputs "hello world"  
  4. alert(oStringObj);//outputs "hello"  


indexOf()和lastIndexOf() 方法返回的都是指定的子串在另一个字符串中的位置(或-1,如果没有找到这个子串)。这两个方法的不同之处大于,indexOf()是从字串的开头(位置0)开始检索子串,而lastIndexOf()则是从字串的结尾开始检索子串的。 

localeCompare(), 对字符串进行比较(按照字母顺序比较,越后越大)。该方法有一个参数--要进行比较的字符串,返回的是下列3个值之一: 
1.如果String对象按照字母顺序排在参数中的字符串之前,返回负数(最常见的是-1,不过真正的返回由实现决定的)。 
2.如果String对象等于参数中的字符串,返回0。 
3.如果String对象按照字母顺序排在参数中的字符串之后,返回正数(最常见的是1,不过真正的返回由实现决定的) 

slice()和substring() 方法: 
这两个方法返回的都是要处理的字符串的子串,都接受一个或两个参数。第一个参数是要获取的子串的起始位置,第二个参数是要获取子串终止前的位置(终止位置处的字符不包括大返回的值内)。如果省略第二个参数,终止位就默认为字符串的长度。这两个方法都不改变String对象自身的值。 
Js代码    收藏代码
  1. var oStringObj = new String("hello world");  
  2. alert(oStringObj.slice(3));//outputs "lo world"  
  3. alert(oStringObj.slice(3,7));//outputs "lo w"  


注意:对于负数参数,slice()方法会用字符串的长度加上参数,substring()方法则将其作为0处理(也就是说将忽略它)。 
Js代码    收藏代码
  1. var oStringObj = new String("hello world");  
  2. alert(oStringObj.slice(-3));//outputs "rld"相当于反向取  
  3. alert(oStringObj.substring(-3));//outputs "hello world"  
  4. alert(oStringObj.slice(3,-4));//outputs "lo w"  
  5. alert(oStringObj.substring(3,-4));//outputs "hel" substring()总是把较小的数字作为起始位,较大的数字作为终止位。  



toLowerCase()、toLocalLowerCase()、toUpperCase()和toLocaleUpperCase():  
前两种方法把字符串转换成全小写的,后两种方法用于把字符串转换成全大写的。toLocalLowerCase()和toLocaleUpperCase()方法是基于特定区域实现的。 

记住:String类的所有属性和方法都可应用于String原始值上,因为它们是伪对象。 

match() :找到一个或多个正则表达式的匹配。 
Javascript代码    收藏代码
  1. 'My name is CJ.Hello everyone!'.match(/[A-Z]/g);//M,C,J,H  

replace(): 替换与正则表达式匹配的子串。 
search(): 检索与正则表达式相匹配的值。 
Javascript代码    收藏代码
  1. 'Age is 18.Golden'.search(/\d+/);//7  

split(): 把字符串分割为字符串数组。 

5.instanceof运算符 

在使用typeof运算符时采用引用类型存储值会出现一个问题,无论引用的是什么类型的对象,它都返回"object"。instanceof方法要示开发者明确地确认对象为某特定类型。如: 
Js代码    收藏代码
  1. var oStrObj = new String("hello world");  
  2. alert(oStrObj instanceof String);//outputs "true"  

本文转载自:http://log-cd.iteye.com/blog/314231

mj4738

mj4738

粉丝 296
博文 489
码字总数 119327
作品 0
崇明
高级程序员
私信 提问
JavaScript的简单复习

JavaScript的简单复习 JS的两种加载方式: 1.内部加载 内部加载,写在<script>标签内部 2.外部加载 写在<script>的src目录中,使用外部加载js文件的时候,js解析引擎不解析script标签体中的代码...

Lunqi
2015/08/07
65
0
JavaScript高阶副本:“==”隐藏下的类型转换

抛砖引玉 按照正常的逻辑来说,我们判断两个值是否相等会遵循以下规则: [图片上传中...(image-bc535a-1557055058084-6)] 但是我看下面一组值: [图片上传中...(image-caa32a-1557055058084-...

大灰狼的小绵羊哥哥
05/05
0
0
[打牢基础系列]JavaScript的变量和数据类型

1 前言 如果面试问你JavaScript的数据类型有哪些?你可以信誓旦旦的说出Null, Undefined, Boolean, String, Number,Symbol以及Object七种数据类型,问到它们的区别是什么,你也能说出一二,但是你...

木子水吉
09/09
0
0
JS 数据类型,数据类型的判断,类型转换

参考文章: js 深拷贝 vs 浅拷贝 JavaScript 数据类型和数据结构 -- MDN InterviewMap -yck 数据类型 JS中分为七种数据类型,七种内置类型又分为两大类型:和 1.基本类型 基本类型主要是: ...

AngellinaZ
06/11
0
0
【译】JavaScript 怪异 1:值的隐式转换

原文地址:2ality.com/2013/04/qui… 原文作者:Dr. Axel Rauschmayer Markdown 地址:github.com/Yangfan2016… 译者:Yangfan2016 这篇文章是 JavaScript 怪异系列的一部分 JavaScript 是对...

Yangfan
07/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

浅谈Visitor访问者模式

一、前言 什么叫访问,如果大家学过数据结构,对于这点就很清晰了,遍历就是访问的一般形式,单独读取一个元素进行相应的处理也叫作访问,读取到想要查看的内容+对其进行处理就叫作访问,那么...

青衣霓裳
33分钟前
6
0
JS内嵌多个页面,页面之间如何更快捷的查找相关联的页面

假设parent为P页面, P页面有两个子页面,分别为B页面和C页面; B页面和C页面分别内嵌一个iframe,分别为:D页面和E页面 现在通过B页面的内嵌页面D的方法refreshEpage(eUrl)来加载内嵌页面E的内容...

文文1
34分钟前
7
0
Hibernate 5 升级后 getProperties 错误

升级到 Hibernate 5 后,提示有错误: org.hibernate.engine.spi.SessionFactoryImplementor.getProperties()Ljava/util/Map; 完整的错误栈为: java.lang.NoSuchMethodError: org.hibernate......

honeymoose
35分钟前
6
0
mysql-connector-java升级到8.0后保存时间到数据库出现了时差

在一个新项目中用到了新版的mysql jdbc 驱动 <dependency>     <groupId>mysql</groupId>     <artifactId>mysql-connector-java</artifactId>     <version>8.0.18</version> ......

ValSong
38分钟前
7
0
Spring中BeanFactory与FactoryBean的区别

在Spring中有BeanFactory和FactoryBean这2个接口,从名字来看很相似,比较容易搞混。 一、BeanFactory BeanFactory是一个接口,它是Spring中工厂的顶层规范,是SpringIoc容器的核心接口,它定...

大王叫下
40分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部