- 所在位置：
- 首页 >
- 编程技术 >
- JavaScript >
- JavaScript中类型转换的方法有什么，怎样实现？
JavaScript中类型转换的方法有什么，怎样实现？
Admin 2022-01-13 群英技术资讯 1263 次浏览
这篇文章我们来了解JavaScript中类型转换的方法，JavaScript中类型转换有显式类型转换和隐式类型转换这两种，下面我们来详细的了解一下这两种类型转换及具体的试下，感兴趣的朋友就继续往下看吧。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
1、隐式类型转换
①== 如果相等操作的两个变量不是同一类型，那么相等运算符会尝试进行一些类型转换：
- 如果一个是null，一个是undefined，则他们相等；
- 如果一个值是数字，另一个是字符串，先将字符串转换为数字，然后使用转换后的值进行比较；
- 如果一个是true，则将其转换为1再比较，如果其中一个是false，则将其转换为0再比较；
- 如果一个值是对象，另一个值是数字或字符串，则将对象转换为原始值，再进行比较。对象通过toString（）或者valueOf（）方法转为原始值。JS语言核心的内置类首先尝试使用valueOf（），再尝试使用toString（），除了日期类，日期类只使用toString（）转换。
- 其他不同类型的比较均不相等。
②< > <= >= 比较运算符。操作数可以是任何类型，但是只有数字和字符串才能真正执行比较操作。
- 如果操作数是对象，那么对象先转换为原始值：如果valueOf（）返回一个原始值，那么直接使用这个原始值。否则使用toString（）转换；
- 对象转换为原始值之后，如果两个操作数都是字符串，那么按照字符串比较；
- 对象转换为原始值后，如果至少有一个操作数不是字符串，那么两个都转换为数字进行比较。如果其中一个是NaN，那么结果是false。
③- 减操作符将两个操作数都转换为数字。
④+ 加操作符，如果一个操作数是字符串，那么另外一个操作数也会转换为字符串。一元加会将其操作数转换为数字。
⑤! 转换为布尔值并取反。!!x等价于Boolean（x）.
2、显式类型转换
①使用Boolean（）/Number（）/String（）/Object（）函数。除了null和undefined的任何值都具有toString（）方法，这个方法的执行结果通常和String（）方法的返回结果一致。
②数字转字符串
- toString（）方法，可接受参数，比较转成几进制。
- toFixed（），参数表示保留几位小数。
- toExponential（），参数表示保留几位小数点。
- toPrecision（），参数表示有效数字位数。
③字符串转数字
- parseInt（）函数
- parseFloat（）函数，都是全局函数，不是任何类的方法。
-
④对象转为原始值
- toString（）方法。
数组类将每个元素转换为一个字符串，并在元素之间添加逗号合成字符串；
函数类返回这个函数的实现定义的表示方式。
日期类返回一个可读的日期和时间字符串。
RegExp类转换为直接字面量。
- valueOf（）方法。如果对象存在任意原始值，他将默认将对象转换为表示它的原始值。但是对象是复合值，多数情况下valueOf（）返回对象本身。
- 对象到字符串的转换先使用toString（）方法，对象到数字的转换先使用valueOf（）方法。
以上就是关JavaScript中类型转换的方法的介绍，本文是是对一些概念是使用的介绍，有需要的朋友可以了解看看，希望对大家学习JavaScript类型转换有帮助，想要了解更多可以继续浏览群英网络其他相关的文章。
文本转载自PHP中文网
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
链表的定义、作用、实现是什么，与数组对比如何
这篇文章主要为大家介绍了链表的定义、作用、实现，以及与数组的比较，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
-
深入理解typescript中的infer关键字的使用
这篇文章给大家分享的是有关typescript中的infer关键字怎么用的内容，下文有一些infer关键字的使用实例，对大家学习和理解infer关键字有一定的帮助，感兴趣的朋友接下来一起跟随小编看看吧。
-
vue使用jsx的多种方式分别是什么，是怎样的
本文主要介绍了在vue中写jsx的几种方式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
-
vue中怎样用swiper插件做轮播图的效果？
对于轮播图的实现我们了解了很多，也知道实现方法有很多，本文给大家分享的是用swiper插件做轮播图，那么vue的swiper插件要实现轮播图的效果呢？接下来我们直接看代码
-
用vue怎么写下拉框二级联动效果，具体过程是怎样
这篇文章主要介绍了vue实现下拉框二级联动效果,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
