首页 > web前端 > js教程 > 正文

js数据类型的转换实例

小云云
发布: 2018-03-10 15:11:27
原创
1184 人浏览过

本文主要和大家分享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数据类型的转换实例的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!