关于JS类型转换常见的方法介绍

た入场券 2024-04-01 12:04 89阅读 0赞

![294b666939a489562aea1705e8bda151.jpeg][]

**JS类型转换常见的方法小结**

一、[类型转换][Link 1]

1.转换成字串

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

如：

Js代码

复制代码 代码如下:

var sColor = "blue";

alert(sColor.length);//outputs "4"

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"

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"

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"

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

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

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

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

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

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

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

来源：[微点阅读][Link 2] [https://www.weidianyuedu.com][Link 2]

[294b666939a489562aea1705e8bda151.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/674415776d634dcbad1476eef0bd6397.jpeg
[Link 1]: https://so.csdn.net/so/search?q=%E7%B1%BB%E5%9E%8B%E8%BD%AC%E6%8D%A2&spm=1001.2101.3001.7020
[ECMAScript]: https://so.csdn.net/so/search?q=ECMAScript&spm=1001.2101.3001.7020
[Boolean]: https://so.csdn.net/so/search?q=Boolean&spm=1001.2101.3001.7020
[Link 2]: https://www.weidianyuedu.com