JS,jQuery字符型转成数字型，JS类型转换

分类:  / 标签: , , ,  /

转换成数字

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  

以下其他类型转换

一、类型转换

1.转换成字串

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

Js代码
var sColor = “blue”;   

1. alert(sColor.length);//outputs “4″  

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

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

Js代码
var bFound = false;   

1. 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对象的一个实例。 一、类型转换

1.转换成字串

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

alert(sColor.length);//outputs “4″

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

Boolean型的toString()方法只是输出”true”或”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”

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对象的一个实例。



文章出处：