JavaScript中的数据类型转换方法小结


Posted in Javascript onOctober 26, 2015

JavaScript 变量可以转换为新变量或其他数据类型:

  • 通过使用 JavaScript 函数
  • 通过 JavaScript 自身自动转换

将数字转换为字符串

全局方法 String() 可以将数字转换为字符串。
该方法可用于任何类型的数字,字母,变量,表达式:
实例

String(x)     // 将变量 x 转换为字符串并返回
String(123)    // 将数字 123 转换为字符串并返回
String(100 + 23) // 将数字表达式转换为字符串并返回

Number 方法 toString() 也是有同样的效果。
实例

x.toString()
(123).toString()
(100 + 23).toString()

将布尔值转换为字符串

全局方法 String() 可以将布尔值转换为字符串。
String(false)    // 返回 "false"
String(true)     // 返回 "true"
Boolean 方法 toString() 也有相同的效果。
false.toString()   // 返回 "false"
true.toString()   // 返回 "true"

将日期转换为字符串
全局方法 String() 可以将日期转换为字符串。

String(Date())   // 返回 Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)

Date 方法 toString() 也有相同的效果。
实例

Date().toString()  // 返回 Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)

将字符串转换为数字
全局方法 Number() 可以将字符串转换为数字。
字符串包含数字(如 "3.14") 转换为数字 (如 3.14).
空字符串转换为 0。
其他的字符串会转换为 NaN (不是个数字)。

Number("3.14")  // 返回 3.14
Number(" ")    // 返回 0 
Number("")    // 返回 0
Number("99 88")  // 返回 NaN

一元运算符 +
Operator + 可用于将变量转换为数字:
实例

var y = "5";   // y 是一个字符串
var x = + y;   // x 是一个数字

如果变量不能转换,它仍然会是一个数字,但值为 NaN (不是一个数字):
实例

var y = "John";  // y 是一个字符串
var x = + y;   // x 是一个数字 (NaN)


将布尔值转换为数字
全局方法 Number() 可将布尔值转换为数字。

Number(false)   // 返回 0
Number(true)   // 返回 1

将日期转换为数字
全局方法 Date() 可将日期转换为数字。

d = new Date();
Number(d)     // 返回 1404568027739

日期方法 getTime() 也有相同的效果。

d = new Date();
d.getTime()    // 返回 1404568027739

自动转换类型 Type Conversion
当 JavaScript 尝试操作一个 "错误" 的数据类型时,会自动转换为 "正确" 的数据类型。
以下输出结果不是你所期望的:

5 + null  // 返回 5     because null is converted to 0
"5" + null // 返回"5null"  because null is converted to "null"
"5" + 1   // 返回 "51"   because 1 is converted to "1" 
"5" - 1   // 返回 4     because "5" is converted to 5

自动转换为字符串
当你尝试输出一个对象或一个变量时 JavaScript 会自动调用变量的 toString() 方法:

document.getElementById("demo").innerHTML = myVar;

// if myVar = {name:"Fjohn"} // toString 转换为 "[object Object]"
// if myVar = [1,2,3,4]    // toString 转换为 "1,2,3,4"
// if myVar = new Date()   // toString 转换为 "Fri Jul 18 2014 09:08:55 GMT+0200"

数字和布尔值也经常相互转换:

// if myVar = 123       // toString 转换为 "123"
// if myVar = true      // toString 转换为 "true"
// if myVar = false      // toString 转换为 "false"
Javascript 相关文章推荐
javascript 有用的脚本函数
May 07 Javascript
学习ExtJS(一) 之基础前提
Oct 07 Javascript
Javascript异步表单提交,图片上传,兼容异步模拟ajax技术
May 10 Javascript
JS正则中的RegExp对象对象
Nov 07 Javascript
JavaScript中__proto__与prototype的关系深入理解
Dec 04 Javascript
cookie 最近浏览记录(中文escape转码)具体实现
Jun 08 Javascript
jquery实现动态画圆
Dec 04 Javascript
JavaScript中的getMilliseconds()方法使用详解
Jun 10 Javascript
jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】
Mar 15 Javascript
手把手教你 CKEDITOR 4 实现Dialog 内嵌 IFrame操作详解
Jun 18 Javascript
Vue的路由及路由钩子函数的实现
Jul 02 Javascript
JavaScript实现Tab选项卡切换
Feb 13 Javascript
如何实现JavaScript动态加载CSS和JS文件
Dec 28 #Javascript
基于javascript实现漂亮的页面过渡动画效果附源码下载
Oct 26 #Javascript
JS实现的页面自定义滚动条效果
Oct 26 #Javascript
JS实现的鼠标跟随代码(卡通手型点击效果)
Oct 26 #Javascript
JS响应鼠标点击实现两个滑块区间拖动效果
Oct 26 #Javascript
javaScript实现可缩放的显示区效果代码
Oct 26 #Javascript
JS基于VML技术实现的五角星礼花效果代码
Oct 26 #Javascript
You might like
THINKPHP+JS实现缩放图片式截图的实现
2010/03/07 PHP
使用PHP备份MYSQL数据的多种方法
2014/01/15 PHP
PHP程序中使用adodb连接不同数据库的代码实例
2015/12/19 PHP
Zend Framework数据库操作技巧总结
2017/02/18 PHP
PHP获取星期几的常用方法小结
2018/12/18 PHP
document.all与WEB标准
2020/05/13 Javascript
js为数字添加逗号并格式化数字的代码
2013/08/23 Javascript
纯js简单日历实现代码
2013/10/05 Javascript
jquery动态添加option示例
2013/12/30 Javascript
jQuery EasyUI的TreeGrid查询功能实现方法
2017/08/08 jQuery
three.js实现圆柱体
2018/12/30 Javascript
微信JS-SDK实现微信会员卡功能(给用户微信卡包里发送会员卡)
2019/07/25 Javascript
Vue数字输入框组件使用方法详解
2020/02/10 Javascript
[58:15]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 NB vs Liquid
2018/04/02 DOTA
python 写的一个爬虫程序源码
2016/02/28 Python
Python 装饰器深入理解
2017/03/16 Python
Python格式化输出字符串方法小结【%与format】
2018/10/29 Python
Python3使用Matplotlib 绘制精美的数学函数图形
2019/04/11 Python
Python多进程入门、分布式进程数据共享实例详解
2019/06/03 Python
对PyQt5基本窗口控件 QMainWindow的使用详解
2019/06/19 Python
Python进阶:生成器 懒人版本的迭代器详解
2019/06/29 Python
python使用writerows写csv文件产生多余空行的处理方法
2019/08/01 Python
python3中pip3安装出错,找不到SSL的解决方式
2019/12/12 Python
Tensorflow 定义变量,函数,数值计算等名字的更新方式
2020/02/10 Python
JetBrains PyCharm(Community版本)的下载、安装和初步使用图文教程详解
2020/03/19 Python
pandas map(),apply(),applymap()区别解析
2021/02/24 Python
CSS3盒子模型详解
2013/04/24 HTML / CSS
美国最大的网络男装服装品牌:Bonobos
2017/05/25 全球购物
标记环网Toke Ring IEEE802.5
2014/05/26 面试题
烹调加工管理制度
2014/02/04 职场文书
金融专业毕业生自荐信
2014/06/26 职场文书
社区安全生产月活动总结
2014/07/05 职场文书
初中重阳节活动总结
2015/05/05 职场文书
教学质量月活动总结
2015/05/11 职场文书
2015年国培研修感言
2015/08/01 职场文书
小学数学教学随笔
2015/08/14 职场文书