`
areshowl
  • 浏览: 48017 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

【转】js类型转换

阅读更多
一、类型转换

1.转换成字串

ECMAScript的Boolean值、数字和字串的原始值的有趣之处在于它们是伪对象,这意味着它们实际上具有属性和方法。
如:



Js代码
var sColor = "blue";  
alert(sColor.length);//outputs "4"  



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

Boolean型的toString()方法只是输出"true"或"false",结果由变量的值决定:


Js代码
var bFound = false;  
alert(bFound.toString());//outputs "false"  



Number类型的toString()方法比较特殊,它有两种模式,即默认模式和基模式,采用默认模式,toString()方法只是用相应的字符串输出数字值(无论是整数、浮点数还是科学记数法)。


Js代码
var iNum1 = 10;   
var fNum2 = 10.0;   
alert(iNum1.toString()); //outputs "10"   
alert(fNum2.toString()); //outputs "10"  



采用Number类型的toString()方法的基模式,可以用不同的基(进制基数)输出数字。


Js代码
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。

例如:


Js代码
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()方法还有基模式,可以把二进制、八进制、十六进制或者其他任何进制的字符串转换成十进制整数。第二个参数指定按哪一种进制来解析。


Js代码
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,否则得到的是八进制的值。


Js代码
var iNum1 = parseInt("010");  // returns 8   
var iNum2 = parseInt("010",8); //returns 8   
var iNum3 = parseInt("010",10);//returns 10  



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


Js代码
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。
如:


Js代码
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()方法。
如:


Js代码
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值强制类型转换可以生成字符串而不引发错误:


Js代码

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对象,即使使用,也不易理解。
例如:

Js代码
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位小数的数字,超出这个范围的值会引发错误。
如:

Js代码
var oNumberObject = new Number(99);  
aler(oNumberObject.toFixed(2));//outputs "99.00"  


toExponential()方法:
返回的是用科学记数法表示的数字的字符串形式。该方法也有一个参数,指定要输出的小数的位数。例如:

Js代码
var oNumberObj = new Number(99);   
alert(oNumberObj.toExponential(1));//outputs "9.9e+1"  


toPrecision()方法:
根据最有意义的形式来返回数字的预定形式或指数形式。它有一个参数,即用于表示数的数字总数(不包括指数)。

Js代码
var oNumberObj = new Number(99);   
alert(oNumberObj.toPrecision(1));//outputs "1e+2" ==100  
可以看出,toPrecision()方法会对数进行舍入,从而得到尽可能接近真实值的数。
如:

Js代码
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型的原始值:

Js代码
alert(oStringObj.valueOf() == oStringObj.toString());//outputs "true"  


String类具有属性length,它是字符串的字符个数:

Js代码
var oStringObj = new String("hello world");   
alert(oStringObj.length);outputs "11"  


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

charAt()方法:
返回的是包含指定位置处的字符的字符串:

Js代码
var oStringObj = new String("hello world");   
alert(oStringObj.charAt(1));outputs "e"  


charCodeAt()方法:
返回的是包含指定位置处的字符代码的字符串:

Js代码
var oStringObj = new String("hello world");   
alert(oStringObj.charCodeAt(1));outputs "101"  


concat()方法:
用于把一个或多个字符串连接到String对象的原始值上。原String对象不变。

Js代码
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对象自身的值。

Js代码
var oStringObj = new String("hello world");   
alert(oStringObj.slice(3));//outputs "lo world"   
alert(oStringObj.slice(3,7));//outputs "lo w"  


注意:对于负数参数,slice()方法会用字符串的长度加上参数,substring()方法则将其作为0处理(也就是说将忽略它)。

Js代码

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方法要示开发者明确地确认对象为某特定类型。如:

Js代码

var oStrObj = new String("hello world");   
alert(oStrObj instanceof String);//outputs "true"


本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/sikivitas/archive/2010/03/25/5410495.aspx
分享到:
评论

相关推荐

    js数据类型转换

    ### JavaScript 数据类型转换详解 在JavaScript编程语言中,数据类型的转换是一项非常重要的功能,它能够帮助开发者更加灵活地处理各种数据。本篇文章将详细介绍一种常用的数据类型转换方法——`parseInt()`函数,...

    Javascript的数据类型转换

    以下是对JavaScript中数据类型转换的详细说明: 1. `parseInt()` 函数:这个函数用于将字符串转化为整型。它会尝试解析字符串,从开头开始找到第一个数字,并将其转换为整数。如果字符串的第一位不是数字,`...

    javascript最常用数据类型转换(最全).doc

    JavaScript 数据类型转换详解 JavaScript 中有多种数据类型,包括数值类型、字符串类型、布尔类型等。这些类型之间可以进行转换,以下是 JavaScript 中最常用的数据类型转换方法。 一、转为字符串 在 JavaScript ...

    JS 数据类型转换

    JavaScript是一种动态类型的编程语言,它的数据类型转换是其核心特性之一。在JS中,有七种内置的数据类型:Undefined、Null、Boolean、Number、BigInt、String和Symbol(ES6新增)。此外,还有一种特殊的类型——...

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

    JavaScript类型转换是编程中非常重要的一个概念,它描述了在运算过程中,不同数据类型之间的自动或手动转换行为。JavaScript语言是动态类型的,这意味着你可以在运行时改变变量所存储值的类型,而这正是类型转换的...

    js2c#-js转换c#代码

    转换过程可能需要处理异步操作、类型转换、错误处理等问题,以确保转换后的C#代码能正常运行并保持原JS代码的功能。 使用Hackren.Js2Csharp.exe这个程序,开发者可以将JS源代码文件作为输入,得到C#代码的输出。在...

    JS数据类型转换.txt

    javascript中,变量可以赋予任何类型的值。但是运算符对数据类型是有要求的,如果运算符的类型与预期不符,就会自动转换类型。数据类型除了可以自动转换以外,还可以手动强制转换。

    js类型转换.pdf

    JavaScript中的类型转换是编程过程中非常重要的一个概念,它涉及到数据类型的自动转换和显式转换。在JavaScript中,数据类型分为两大类:基本类型(原始类型)和引用类型。基本类型包括Undefined、Null、Boolean、...

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

    JavaScript中的类型转换是处理不同类型数据时需要进行的一种操作,它在编程中扮演着重要的角色。在JavaScript中,存在着多种类型,包括原始类型和对象类型。原始类型主要包括Number、String、Boolean、Undefined和...

    JavaScript js数据类型及类型转换 示例代码

    本资源主要包含JavaScript数据类型转换相关的示例代码 其中包含了将值转为数字类型、将值转为字符串类型、将值转为布尔类型三种情景的示例 以及特殊情况下转换的注意事项 JavaScript 是一种广泛使用的脚本语言,...

    js 数据类型转换总结笔记

    在JavaScript中,数据类型转换是编程过程中不可或缺的一部分。由于JavaScript是一种动态类型语言,变量的数据类型在运行时可以改变,这给编程带来了灵活性,但也可能导致一些意外的错误。本篇文章将深入探讨...

    java转js工具

    这个过程涉及到符号表管理、类型转换、方法调用的处理等多个复杂步骤。 - 关键点包括处理Java的类和对象系统、异常处理、包和导入、以及Java标准库的映射等。 3. **工具特点** - 源程序转换:这类工具的目标是尽...

    js农历公历日期相互转换函数javascript日期转换

    调用简单,下拉传一日期加类型即可转换日期的类型,如: CalConvert(new Date(2010,3,19), false) //农历转换为公历 CalConvert(new Date(2010,3,19), true)//公历转换成农历

    javascript各种变量类型之间的转换

    javascript各种变量类型之间的转换

    操作符及类型转换js代码

    在这个“操作符及类型转换js代码”主题中,我们将深入探讨JavaScript中的各种操作符以及如何进行类型转换。 首先,让我们来看看JavaScript中的操作符。操作符分为不同类型,包括算术、比较、逻辑、位、赋值、三元等...

    用于长度单位转换的JavaScript库

    在JavaScript编程中,长度单位转换是一项常见的任务,特别是在网页布局、数据可视化或处理用户输入时。这个名为"length.js"的库专为此目的而设计,它提供了方便的API,允许开发者轻松地在各种长度单位之间进行转换。...

    vrml中的类型转换

    3. 使用JavaScript:VRML97(即VRML的早期版本)支持内嵌JavaScript,这使得更复杂的类型转换和数据处理成为可能。 标签“源码”可能意味着博客会讨论VRML类型的底层实现,而“工具”可能是指一些辅助工具或库,...

    js类型转换js类型转换

    ### JavaScript 类型转换详解 #### 一、概述 JavaScript 是一种动态类型的语言,它支持多种数据类型之间的自动转换。在日常开发中,我们经常会遇到不同类型数据间的比较或运算,这时就需要进行类型转换。掌握好 ...

    javascript字符型转换成整型

    在JavaScript编程语言中,字符型数据(通常指字符串类型)转换为整型数据是一项常见的操作需求,尤其是在处理用户输入、解析数据或进行数值计算时。本文将深入探讨如何利用JavaScript来实现这一转换,并在此过程中...

    JavaScript程序设计课件:数据类型转换.pptx

    JavaScript是一种动态类型语言,它的数据类型转换在编程中扮演着重要的角色。在这份"JavaScript程序设计课件:数据类型转换"中,主要讲解了如何在JavaScript中进行数据类型的转换,主要包括获取数据类型的方法以及三...

Global site tag (gtag.js) - Google Analytics