js数据类型的转换实例

本文主要和大家分享js数据类型的转换实例,希望能帮助到大家。

基本数据类型

把其他数据类型转换为number类型

isNaN、Number、parseInt、parseFloat

在进行加减乘除数学运算的时候

true -> 1  false -> 0'' -> 0'1' -> 1'12px' -> true/12/NaNnull ->  0undefined -> NaN{} /^$/ function()  {} -> NaN[] -> 0[12,23] -> NaN//=>   通过toStirng把数组转换为字符串
// 然后Number把字符串转换为数字

登录后复制

js中的数学运算

+、-、*、/ 加减乘除

除了加法运算有特殊性,其余的运算符都是数学运算,也就是遇到非数字类型,先转换为
number类型,再进行计算

1-'1' -> 010 * null -> 010 / undefined -> NaN10 * [10] -> 100

登录后复制登录后复制

加法的特殊性: 在遇到字符串的时候,+是字符串拼接,不遇到字符串就是数学运算

1+'1' -> '11'null+'1' -> 'null1'//=>把其他值先转换为字符串再进行拼接对象.toString() -> '[object object]'

登录后复制登录后复制

思考

1+null+true+undefined+[]+'xieth'+null+undefined+[]+10

登录后复制登录后复制

结果

"NaNxiethnullundefined10"Number(undefined) -> NaN//Number在进行转换的时候,只要包含非有效数字,返回都为NaN

登录后复制

将其他类型转换为布尔类型

Boolean、!、!!

在条件判断的时候,也是转换为布尔类型,然后验证条件的真假

只有 0 NaN null undefined 空字符串 -> 转换为false
其余都为true

js中数据类型的转换

基本数据类型

把其他数据类型转换为number类型

isNaN、Number、parseInt、parseFloat

在进行加减乘除数学运算的时候

true -> 1  false -> 0'' -> 0'1' -> 1'12px' -> true/12/NaNnull -> 0undefined -> NaN{} /^$/ function(){} -> NaN[] -> 0[12,23] -> NaN//=> 通过toStirng把数组转换为字符串
// 然后Number把字符串转换为数字

登录后复制

js中的数学运算

+、-、*、/ 加减乘除

除了加法运算有特殊性,其余的运算符都是数学运算,也就是遇到非数字类型,先转换为
number类型,再进行计算

1-'1' -> 010 * null -> 010 / undefined -> NaN10 * [10] -> 100

登录后复制登录后复制

加法的特殊性: 在遇到字符串的时候,+是字符串拼接,不遇到字符串就是数学运算

1+'1' -> '11'null+'1' -> 'null1'//=>把其他值先转换为字符串再进行拼接对象.toString() -> '[object object]'

登录后复制登录后复制

思考

1+null+true+undefined+[]+'xieth'+null+undefined+[]+10

登录后复制登录后复制

结果

"NaNxiethnullundefined10"Number(undefined) -> NaN//Number在进行转换的时候,只要包含非有效数字,返回都为NaN

登录后复制

将其他类型转换为布尔类型

Boolean、!、!!

在条件判断的时候,也是转换为布尔类型,然后验证条件的真假

只有 0 NaN null undefined 空字符串 -> 转换为false
其余都为true

相关推荐:

JavaScript基础心法 数据类型

php常量和数据类型实例详解

JavaScript中的特殊数据类型详解

以上就是js数据类型的转换实例的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2784080.html

(0)
上一篇 2025年3月8日 17:00:13
下一篇 2025年3月8日 17:00:20

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 利用js获取checkbox的value值

    本文主要和大家分享利用js获取checkbox的value值,希望能帮助到大家。 显示的内容显示的内容显示的内容显示的内容….JS:function send(){    var id = document.getElementsByN…

    编程技术 2025年3月8日
    200
  • js打乱数组顺序详解

    本文主要和大家分享js打乱数组顺序详解,有俩种方法,希望能帮助到大家。     //方法一:也是最简单的方法    var arr=[];    for(var i=0;i//方法二: Fisher–Yates洗牌算法var arr = n…

    编程技术 2025年3月8日
    200
  • AngularJS发起$http.post请求实例分享

    本文主要和大家分享AngularJS发起$http.post请求实例,希望能帮助到大家。 代码如下: $http({      method:’post’,      url:’post.php’,      data:{name:”aaa…

    编程技术 2025年3月8日
    200
  • js中自定义format格式化输出实例

    在使用js的时候,经常要进行字符串的拼接,一但使用+号进行字符串拼接的时候,基本是各种问题,又不好维护,有没有更好的方法地其进行格式化输出呢?答案肯定是有的,如果你使用nodejs,它已经自带的,如果你还在使用纯原生js,那不好意思了。 使…

    编程技术 2025年3月8日
    200
  • 用node.js做简介的网站

    这次给大家带来用nodejs做简介的网站,用nodejs做网站的注意事项有哪些,下面就是实战案例,一起来看一下。 首先你要有nodejs环境和会使用npm,不会自行Google或百度。(相关推荐:Node.js视频教程) ok!开始吧! 第…

    编程技术 2025年3月8日
    200
  • js如何删除数组里的某个元素

    js如何删除数组里的某个元素,本文主要和大家分享js删除数组里的某个元素的方法实例。 首先可以给js的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为: Array.prototype.indexOf = functi…

    编程技术 2025年3月8日
    200
  • 怎样使用JavaScript保存文本数据

    这次给大家带来怎样使用javascript保存文本数据,使用javascript保存文本数据的注意事项有哪些,下面就是实战案例,一起来看一下。 JavaScript保存文本数据示例,当然不仅仅是文本其他类型的也是可以的 首先上代码 nbsp…

    编程技术 2025年3月8日
    200
  • js实现短信验证码倒计时实例分享

    1.目标获取验证码后,按钮显示重新发送倒计时,倒计时结束后按钮重新可用。本文主要和大家分享js实现短信验证码倒计时实例,希望能帮助到大家。 2.用到的两个关键api 每秒执行:setinterval 指定时间结束后执行:setTimeout…

    编程技术 2025年3月8日
    200
  • flv.js的使用详解

    这次给大家带来flv.js的使用详解,使用flv.js的注意事项有哪些,下面就是实战案例,一起来看一下。 Bilibili相信大家都不会陌生,而 Flv.js 就是由 bilibili 网站开源的 HTML5 Flash 视频(FLV)播放…

    编程技术 2025年3月8日
    200
  • js/css动态加载JS插件

    这次给大家带来js/css动态加载js插件,制作js/css动态加载js插件的注意事项有哪些,下面就是实战案例,一起来看一下。 注意事项添加到body或head 添加js的代码: var n = document.createElement…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论