JS类型转换的常见方法

最新推荐文章于 2024-01-23 18:01:20 发布
最新推荐文章于 2024-01-23 18:01:20 发布
阅读量160 收藏
点赞数 1
分类专栏： 编程语言 javascript 文章标签： javascript 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hdxx2022/article/details/127361656
版权

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

　　一、类型转换

　　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

转载自：https://www.weidianyuedu.com

hdxx2022
关注
专栏目录
常用的JS数据类型转换方法
weixin_30247781的博客
07-24 801
JS 数据类型转换的方法有以下3种：1）使用转换函数2）强制类型转换3）利用js变量弱类型特性进行转换 1：js提供了parseInt()和parseFloat()这两个转换函数。 这里输入内容parseInt() 将字符串转换为int型。parseFloat() 则是转换为float型。parseInt() 在转换过程中，会从字符串 位置0开始判断 该字符是否为有效数字，如果不是 返...
JS 类型转换常见方法小结
10-29
以下是对JS类型转换常见方法的详细总结： 1. 转换成字符串（ToString） - JavaScript中的原始值，如Boolean、Number和String，尽管不是真正的对象，但具有类似于对象的特性，包含属性和方法。 - 对于Boolean值，`...
JS类型转换常见的方法。
yihuliunian的博客
07-17 197
转载自品略图书馆http://www.pinlue.com/article/2020/06/2816/5610875640227.html JS类型转换常见的方法小结 　　一、类型转换 　　1.转换成字串 　　ECMAScript的Boolean值、数字和字串的原始值的有趣之处在于它们是伪对象，这意味着它们实际上具有属性和方法。 　　如： 　　Js代码 　　复制代码 代码如下: 　　var sColor = "blue"; 　　alert(sColor.length);//outp..
JS常见的类型转换
qq_37933086的博客
09-07 360
ES6前JS中的原始基本数据类型有Number、String、Boolean、Undefined、Null、Object 其它原始值转Boolean 使用Boolean函数将类型转换成布尔类型，在JavaScript中，只有下面几种情况会被转换为false，其他都会被转换为true Boolean(false) // false Boolean() // false Boolean(-0) // false Boo
常见js类型转换
hunter_97的博客
09-17 102
在编写js脚本的时候，经常会遇到要对数据进行类型转换的地方。js实现数据转换的方式主要是三种：转换函数、强制类型转换、利用js变量弱类型转换。 一、字符串转数字 js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN(Not a Number)。 一些示...
JavaScript常见类型转换
轻舟已过万重山
09-01 145
值 转换为字符串 转换为数字 转换为布尔值 转换为对象 undefined “undefined” NaN false throws TypeError null “null” 0 false throws TypeError true “true” 1 new Boolean(true) false “false” 0 new Boolean(false) “”(空字符串) 0 false new String("") “1.2”(非空...
Javascript 类型转换方法
12-02
以下我们将详细介绍JavaScript中的类型转换方法。 1. **转换到布尔类型（Boolean Conversion）** - 在JavaScript中，布尔类型主要在条件判断语句（如`if`）和其他逻辑运算（如`&&`、`||`和`!`）中出现。当需要将...
javascript类型转换使用方法
10-26
JavaScript类型转换是一种编程技术，它涉及将变量从一种数据类型转换为另一种数据类型。这种技术在处理不同类型的数据时非常有用，尤其是在涉及到运算或比较操作的时候。在JavaScript中，类型转换可以分为显式转换和...
js常用数据类型转换
penjuan的博客
12-14 1131
显式转换 转字符串： tostring() string() toFixed()：和tostring不同的是可以保留小数位 转数值类型： number() parseInt() parseFloat() 转布尔类型： Boolean() ！！双重取反逻辑符 转对象： 使用 new 命令调用 String，Number，Boolean 类型函数执行实例化操作，并把值“123”传进去，使用 new 运算符创建实例对象，简单值分别被封装为字符串型对象、数值型对象和布尔型对象。 隐式转换 “*” ， “+” ，“=
常用js类型转换方法浅析
tang15886395749的博客
04-07 461
1、其他类型转为 number：1、parseFloat parseFloat：接受一个参数，将字符串转换为数字类型，如果是引用类型（null除外），会先进行toString()，然后对返回字符串进行转换处理。例子如下： parseFloat({age:18}) //NaN,因为{age:18}调用toString结果为"[object Object]" parseFloat([18,22])
JS类型转换常见的方法
ysds20211402的博客
02-18 178
转自：微点阅读 https://www.weidianyuedu.com JS类型转换常见的方法小结 　　一、类型转换 　　1.转换成字串 　　ECMAScript的Boolean值、数字和字串的原始值的有趣之处在于它们是伪对象，这意味着它们实际上具有属性和方法。 　　如： 　　Js代码 　　复制代码 代码如下: 　　var sColor = "blue"; 　　alert(sColor.length);//outputs "4" 　　var sColor = "blue"; ..
JS类型转换常见的方法总结。
yihuliunian的博客
08-20 408
转载自品略图书馆http://www.pinlue.com/article/2020/06/2816/5610875640227.html JS类型转换常见的方法小结 　　一、类型转换 　　1.转换成字串 　　ECMAScript的Boolean值、数字和字串的原始值的有趣之处在于它们是伪对象，这意味着它们实际上具有属性和方法。 　　如： 　　Js代码 　　复制代码 代码如下: 　　var sColor = "blue"; 　　alert(sColor.length);//outp..
盘点JS类型转换的常用方法
xiaoweids的博客
05-15 117
parseFloat()方法与parseInt()方法的处理方式相似，从位置0开始查看每个字符，直到找到第一个非有效的字符为止，然后把该字符之前的字串转换成数字。Number类型的toString()方法比较特殊，它有两种模式，即默认模式和基模式，采用默认模式，toString()方法只是用相应的字符串输出数字值(无论是整数、浮点数还是科学记数法)。值、数字和字串都有toString()方法。采用Number类型的toString()方法的基模式，可以用不同的基(进制基数)输出数字。把给定的值转换成字串。
JS类型转换
m0_62951223的博客
02-18 1772
类型转换1(强制转换) 转换成String类型： 方法一： a = a.toString(); null和undefined不可以转换(这俩值没有toSring方法)。该方法不会影响原变量 方法二: 调用String函数 a = String(a); null和undefined会转换为字符串 转换成Number类型 方法一： 调用Number函数 a = Number(a); 方法二： 字符串转换为整数/浮点数： parseInt(); // 把字符串(中的有效整数)转换为整数 parseFloat()
盘点JS类型转换常见的方法
ysds20211402的博客
01-13 159
转自：微点阅读https://www.weidianyuedu.com/content/4717327389414.html JS类型转换常见的方法小结 　　一、类型转换 　　1.转换成字串 　　ECMAScript的Boolean值、数字和字串的原始值的有趣之处在于它们是伪对象，这意味着它们实际上具有属性和方法。 　　如： 　　Js代码 　　复制代码 代码如下: 　　var sColor = "blue"; 　　alert(sColor.length);//outputs "4"..
js中的转换方法
weixin_30721077的博客
04-27 125
1、var colors =['red','blue','green']; console.log(colors.toString()); //red,blue,green 总结：toString()方法 会返回数组中每个字符串形式拼接而成的以一个逗号分开的字符串 2、var colors =['red','blue','green']; 　　console.log(...
盘点JS类型转换常见的方法。
icontent
08-31 76
转自：https://www.pinlue.com/article/2020/06/2816/5610875640227.html
JavaScript -- 多种类型转换方法总结
Qlz的博客
11-30 209
类型转换 1 转换为字符串 2 转换为数值 3 转换为布尔值 4 总结 类型转换 类型转换指将一种数据类型转换为其他类型 类型转换是根据当前值去创建另一个值，而不是将当前值直接进行转换 这里说到的转换都是显示类型转换，除此之外还有隐式类型转换
JavaScript 类型转换全面总结
最新发布
weixin_40710412的博客
01-23 1379
Js中的类型转换一般分为 显示类型转换 和 隐式类型转换显式类型转换： 使用包装函数如 Number String Boolean 等对类型进行转换 如Number('3') = 3隐式类型转换: 不实用包装函数，动态转换。在运算符两侧类型不同的时候，会先进行隐式转换，再进行运算。如 '1'+0 = '10' [0 转换成字符串'0' 再做运算] false+10=10 [false转换成数字0 再做运算]下面具体来看类型之间的相互转换规则！
JavaScript类型转换详解与常用方法
以上内容概述了JavaScript类型转换的基本概念和相关方法，理解这些对于编写高效且可靠的JavaScript代码至关重要。在实际编程中，要特别注意不同类型的值在进行比较和转换时可能产生的行为差异。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值