js类型转换与引用类型详解

 本篇文章主要是对js中的类型转换与引用类型(Boolean_Number_String)进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助

一、类型转换 
 
1.转换成字串 
ECMAScript的Boolean值、数字和字串的原始值的有趣之处在于它们是伪对象,这意味着它们实际上具有属性和方法。 
如: 
 
 代码如下:
var sColor = "blue";
alert(sColor.length);//outputs "4"
 
总而言之,3种主要的原始值Boolean值、数字和字串都有toString()方法。ECMAScript定义的所有对象都有toString()方法,无论它是伪对象,还是真的对象。 
 
Boolean型的toString()方法只是输出"true"或"false",结果由变量的值决定: 
 
 代码如下:
var bFound = false;
alert(bFound.toString());//outputs "false"
 
Number类型的toString()方法比较特殊,它有两种模式,即默认模式和基模式,采用默认模式,toString()方法只是用相应的字符串输出数字值(无论是整数、浮点数还是科学记数法)。 
 代码如下:
var iNum1 = 10;
var fNum2 = 10.0;
alert(iNum1.toString()); //outputs "10"
alert(fNum2.toString()); //outputs "10"
 
采用Number类型的toString()方法的基模式,可以用不同的基(进制基数)输出数字。 
 代码如下:
var iNum = 10;
alert(iNum.toString(2));  //outputs "1010"
alert(iNum.toString(8));  //outputs "12"
alert(iNum.toString(16)); //outputs "A"
 
2.转换成数字 
ECMAScript提供了两种把非数字的原始值转换成数字的方法,即parseInt()和parseFloat()。 
注意:只有对String类型(Number除外)调用这些方法,才能正确运行对其他类型返回的都是NaN。 
 
例如: 
 
 代码如下:
var iNum1 = parseInt("1234blue");//returns 1234
var iNum2 = parseInt("oxA"); //returns 10
var iNum3 = parseInt("22.5"); //returns 22
var iNum4 = parseInt("blue"); //returns NaN
 
parseInt()方法还有基模式,可以把二进制、八进制、十六进制或者其他任何进制的字符串转换成十进制整数。第二个参数指定按哪一种进制来解析。 
 代码如下:
var iNum1 = parseInt("AF",16);// returns 175
var iNum2 = parseInt("10",2); // returns 2
var iNum3 = parseInt("10",8); //returns 8
var iNum4 = parseInt("10",10); //returns 10
 
说明:如果十进制数包含前导0,那么最好采用基数10,否则得到的是八进制的值。 
代码如下:
var iNum1 = parseInt("010");  // returns 8
var iNum2 = parseInt("010",8); //returns 8
var iNum3 = parseInt("010",10);//returns 10
 
parseFloat()方法与parseInt()方法的处理方式相似,从位置0开始查看每个字符,直到找到第一个非有效的字符为止,然后把该字符之前的字串转换成数字。对于这个方法来说,第一个出现的小数点是有效字符。如果用两个小数点,第二个小数点将被看作无效的。使用该方法的另一个不同之处在于,字串必须以十进制形式表示浮点数。 
 代码如下:
var fNum1 = parseFloat("1234blue"); //returns 1234.0
var fNum2 = parseFloat("0xA"); //returns NaN
var fNum3 = parseFloat("22.5"); //returns 22.5
var fNum4 = parseFloat("22.34.5");//returns 22.34
var fNum5 = parseFloat("0908");//returns NaN
var fNum6 = parseFloat("blue");//returns NaN
 
3.强制类型转换 
ECMAScript中可用的3种强制类型转换如下: 
 
(1).Boolean(value) 
把给定的值转换成Boolean型。 
当要转换的值是至少有一个字符的字符串、非0数字或对象时,Boolean()函数将返回true。如果该值是空字符串、数字0、undefined或null,它将返回false。 
如: 
 
 代码如下:
var b1 = Boolean(""); // false;
var b2 = Boolean("hi");//true
var b3 = Boolean(100);//true
var b4 = Boolean(null);//false
var b5 = Boolean(0);//false
var b6 = Boolean(new Object());//true
 
(2).Number(value) 
把给定的值转换成数字(可以是整数或浮点数)。 
还记得parseInt()和parseFloat()方法只转换第一个无效字符之前的字符串,因此"4.5.6"将被转换为"4.5"。用Number()进行强制类型转换,"4.5.6"将返回NaN,因为整个字符串值不能转换成数字。如果字符串能被完整地转换,Number()将判断是调用parseInt()方法还是调用parseFloat()方法。 
如: 
 代码如下:
Number(false);//0
Number(true);//1
Number(undefined);//NaN
Number(null);//0
Number("5.5");//5.5
Number("56");//56
Number("5.6.7");//NaN
Number(new Object());//NaN
Number(100);//100
 
(3).String(value) 
把给定的值转换成字串。 
与调用toString()方法的唯一不同之处在于,对null或undefined值强制类型转换可以生成字符串而不引发错误: 
 代码如下:
var s1 = String(null);//"null"
var oNull = null;
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对象,即使使用,也不易理解。 
例如: 
 
 代码如下:
var oFalseObject  = new Boolean(false);
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位小数的数字,超出这个范围的值会引发错误。 
如: 
 
 代码如下:
var oNumberObject = new Number(99);
aler(oNumberObject.toFixed(2));//outputs "99.00"
 
toExponential()方法: 
返回的是用科学记数法表示的数字的字符串形式。该方法也有一个参数,指定要输出的小数的位数。例如:
 代码如下:
var oNumberObj = new Number(99);
alert(oNumberObj.toExponential(1));//outputs "9.9e+1"
 
toPrecision()方法: 
根据最有意义的形式来返回数字的预定形式或指数形式。它有一个参数,即用于表示数的数字总数(不包括指数)。 
 代码如下:
var oNumberObj = new Number(99);
alert(oNumberObj.toPrecision(1));//outputs "1e+2" ==100
 
可以看出,toPrecision()方法会对数进行舍入,从而得到尽可能接近真实值的数。 
如:
 代码如下:
var oNumberObj = new Number(99);
alert(oNumberObj.toPrecision(2));// outputs "99"
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型的原始值: 
 代码如下:
alert(oStringObj.valueOf() == oStringObj.toString());//outputs "true"
 
String类具有属性length,它是字符串的字符个数: 
 代码如下:
var oStringObj = new String("hello world");
alert(oStringObj.length);outputs "11"
 
注意:即使字符串包含双字节的字符,每个字符也只算一个字符。 
 
charAt()方法: 
返回的是包含指定位置处的字符的字符串: 
 
代码如下:
var oStringObj = new String("hello world");
alert(oStringObj.charAt(1));outputs "e"
 
charCodeAt()方法: 
返回的是包含指定位置处的字符代码的字符串: 
 代码如下:
var oStringObj = new String("hello world");
alert(oStringObj.charCodeAt(1));outputs "101"
 
concat()方法: 
用于把一个或多个字符串连接到String对象的原始值上。原String对象不变。
 代码如下:
var oStringObj = new String("hello ");
var sResult = oStringObj.concat("world");//oStringObj+"world";更常见
alert(sResult);//outputs "hello world"
alert(oStringObj);//outputs "hello"
 
indexOf()和lastIndexOf()方法返回的都是指定的子串在另一个字符串中的位置(或-1,如果没有找到这个子串)。这两个方法的不同之处大于,indexOf()是从字串的开头(位置0)开始检索子串,而lastIndexOf()则是从字串的结尾开始检索子串的。 
 
localeCompare(),对字符串进行比较(按照字母顺序比较,越后越大)。该方法有一个参数--要进行比较的字符串,返回的是下列3个值之一: 
1.如果String对象按照字母顺序排在参数中的字符串之前,返回负数(最常见的是-1,不过真正的返回由实现决定的)。 
2.如果String对象等于参数中的字符串,返回0。 
3.如果String对象按照字母顺序排在参数中的字符串之后,返回正数(最常见的是1,不过真正的返回由实现决定的) 
 
slice()和substring()方法: 
这两个方法返回的都是要处理的字符串的子串,都接受一个或两个参数。第一个参数是要获取的子串的起始位置,第二个参数是要获取子串终止前的位置(终止位置处的字符不包括大返回的值内)。如果省略第二个参数,终止位就默认为字符串的长度。这两个方法都不改变String对象自身的值。 
 
 代码如下:
var oStringObj = new String("hello world");
alert(oStringObj.slice(3));//outputs "lo world"
alert(oStringObj.slice(3,7));//outputs "lo w"
 
注意:对于负数参数,slice()方法会用字符串的长度加上参数,substring()方法则将其作为0处理(也就是说将忽略它)。 
代码如下:
var oStringObj = new String("hello world");
alert(oStringObj.slice(-3));//outputs "rld"相当于反向取
alert(oStringObj.substring(-3));//outputs "hello world"
alert(oStringObj.slice(3,-4));//outputs "lo w"
alert(oStringObj.substring(3,-4));//outputs "hel" substring()总是把较小的数字作为起始位,较大的数字作为终止位。
 
toLowerCase()、toLocalLowerCase()、toUpperCase()和toLocaleUpperCase(): 
前两种方法把字符串转换成全小写的,后两种方法用于把字符串转换成全大写的。toLocalLowerCase()和toLocaleUpperCase()方法是基于特定区域实现的。 
 
记住:String类的所有属性和方法都可应用于String原始值上,因为它们是伪对象。 
 
5.instanceof运算符 
在使用typeof运算符时采用引用类型存储值会出现一个问题,无论引用的是什么类型的对象,它都返回"object"。instanceof方法要示开发者明确地确认对象为某特定类型。如: 
 
 代码如下:
var oStrObj = new String("hello world");   
alert(oStrObj instanceof String);//outputs "true" 
 
 

时间: 2024-08-31 07:21:21

js类型转换与引用类型详解的相关文章

js类型转换与引用类型详解(Boolean_Number_String)_javascript技巧

一.类型转换 1.转换成字串 ECMAScript的Boolean值.数字和字串的原始值的有趣之处在于它们是伪对象,这意味着它们实际上具有属性和方法. 如: 复制代码 代码如下: var sColor = "blue";alert(sColor.length);//outputs "4" 总而言之,3种主要的原始值Boolean值.数字和字串都有toString()方法.ECMAScript定义的所有对象都有toString()方法,无论它是伪对象,还是真的对象.

网页js报错问题详解

  打开网页js报错问题详解,具体内容如下所示:  最近时常会碰到网页报错的问题,因为最近图方便,会用到很多现成的js.  报错的解决,第一个就是看,找出错误,直接就是点右下角的,看一下第几行,然后,右键页面,看源代码,因为如果你直接进程序,有很多include的原因,显示的第几行第几行,很难弄清楚,然后,最简单的方法,一个一个js排除,删掉不能用的那个. 另外,如果几个js同时存在,而有1,2个不能正常运行是,改掉几个的名称,因为有的组件了,js的名称会冲突,最多见的就是jquery. 还有个

js正则表达式常用函数详解_正则表达式

一.js正则表达式之replace函数用法: 函数功能:replace函数返回根据正则表达式进行文字替换后的字符串的复制. 函数格式:stringObj.replace(rgExp, replaceText) 参数:字符串stringObj,rgExp正则表达式,replaceText所替换的内容 本模块涉及的内容包括字符串创建,正则表达式隐式创建对象,创建正则表达式,进行replace方法的使用匹配 示例代码: <html> <script language="javascr

js闭包用法实例详解_javascript技巧

本文实例讲述了js闭包用法.分享给大家供大家参考,具体如下: 引言 在公司中需要写一个js脚本来进行网站的统计,实现类似百度统计或者站长统计的功能,在实现的过程中自己感觉写的代码还是可以的,因为之前的js代码都是这些写,但是在组长代码走查的时候却非常的不满意,因为我们在js中写的方法都是全局的方法,因为我们写的东西需要嵌入到别人的界面中,所以这些全局的东西很可能会和别人的东西重名从而引发错误,所以说组长就给我留下一句话:用js闭包包起来. 变量作用域 我们都非常的熟悉变量的作用域就分为:全局变量

js继承实现方法详解_javascript技巧

本文实例讲述了js继承实现方法.分享给大家供大家参考,具体如下: var animal=function(name){ //构造函数 this.name=name; this.sayhello=function(){ alert("hi我是"+this.name); }; } animal.prototype.shout=function(){ //prototype主要作用:给类增加一个新的属性或函数 alert(this.name+"正在叫!"); }; ani

js正则表达式常用函数详解(续)_正则表达式

正则表达式对象的方法 1.test,返回一个 Boolean 值,它指出在被查找的字符串中是否存在模式.如果存在则返回 true,否则就返回 false. 2.exec,用正则表达式模式在字符串中运行查找,并返回包含该查找结果的一个数组. 3.compile,把正则表达式编译为内部格式,从而执行得更快.正则表达式对象的属性 1.source,返回正则表达式模式的文本的复本.只读. 2.lastIndex,返回字符位置,它是被查找字符串中下一次成功匹配的开始位置. 3.input ($_),返回执

js function无名函数详解

js function无名函数详解 函数对象 Function Object 函数就是对象.对象字面量产生的对象链接到Object.prototype.函数对象链接到Function.prototype.每个函数在创建时附有两个附件的隐藏属性:函数的上下文和实现函数行为的代码. 函数字面量 Function Literal 函数对象可以通过函数字面量来创建. var add = function(a, b){return a+b;}: 调用 Invocation 除了声明时定义的形式参数,每个函

关于动态执行代码(js的Eval)实例详解_javascript技巧

熟悉javascript的朋友对Eval()函数可能都不会陌生,我们可以用它来实现动态代码的执行,我自己甚至写过一个网页专门用来计算算术表达式的,计算能力上比google.baidu的计算器还要好一些,至少精度要高,但是如果超出了四则运算的话,表达式的形式会复杂很,比如以百度给出的例子: log((5+5)^2)-3+pi需要写成Math.log(Math.pow(5+5,2))*Math.LOG10E-3+Math.PI才能用Eval进行计算,对于这一点我还没有想到理想的解决方案.好了,这不是

js正则表达式常用函数详解(续)

正则表达式对象的方法 1.test,返回一个 Boolean 值,它指出在被查找的字符串中是否存在模式.如果存在则返回 true,否则就返回 false. 2.exec,用正则表达式模式在字符串中运行查找,并返回包含该查找结果的一个数组. 3.compile,把正则表达式编译为内部格式,从而执行得更快. 正则表达式对象的属性 1.source,返回正则表达式模式的文本的复本.只读. 2.lastIndex,返回字符位置,它是被查找字符串中下一次成功匹配的开始位置. 3.input ($_),返回