Javascript基础教程之数据类型转换


Posted in Javascript onJanuary 18, 2015

所有语言都有类型转化的能力,javascript也不例外,它也为开发者提供了大量的类型转化访法,通过全局函数,可以实现更为复杂的数据类型。

var a = 3;

var b = a + 3;

var c = "student" + a;

var d = a.toString();

var e = a + "";

document.write(typeof(a) + " " + typeof (b) + " " +typeof (c) + " " + typeof (d) + " " + typeof (e));

//输出 number number string string string

 最简单的类型转化的例子

var a=b=c=d=e=4;

var f = a+b+c+d+ c.toString();

document.write(f);<br>// 输出  结果 164

对于数据类型转为字符串,使用toString() JavaScript转化为字符串同时实现机制转化。

var a =111;

document.writeln(a.toString(2)+"<br>");

document.writeln(a.toString(3)+"<br>");

document.writeln(a.toString(8)+"<br>");

document.writeln(a.toString(10)+"<br>");

document.writeln(a.toString(16)+"<br>");

//执行结果

//

1101111

11010

157

111

6f

字符串转数值型,JavaScript 使用parseInt()和parseFloat()可进行转化,正如方法的名称一样,前者将字符转化为整数,后者将字符转化为浮点数型。只有字符才能调运这两种方法,否则转化为NaN。不再进行任何操作。

parseInt()的先检查下标0处的字符,如果这个字符是有效字符,则检查1处的字符,如果不是有效字符,则终止转化。下面的例子是parseInt()的举例

document.writeln(parseInt("4555.5544")+"<br>");

document.writeln(parseInt("0.5544")+"<br>");

document.writeln(parseInt("1221abes5544")+"<br>");

document.writeln(parseInt("0xc")+"<br>");//直接进行进制转化

document.writeln(parseInt("ahthw@hotmail.com")+"<br>");

//执行结果

4555

0

1221

12

NaN

利用parseInt,同样也可以轻松的实现进制转化。(parseFloat()和parseFlaot类似,这里不再举例。)

document.writeln(parseInt("0421",8)+"<br>");

document.writeln(parseInt("0421")+"<br>");

document.writeln(parseInt("0421",16)+"<br>");

document.writeln(parseInt("AF",16)+"<br>");

document.writeln(parseInt("011",10)+"<br>");

//输出结果

273

421

1057

175

11
Javascript 相关文章推荐
在网页中屏蔽快捷键
Sep 06 Javascript
javascript sudoku 数独智力游戏生成代码
Mar 27 Javascript
jQuery代码优化之基本事件
Nov 01 Javascript
jQuery统计指定子元素数量的方法
Mar 17 Javascript
使用HTML+CSS+JS制作简单的网页菜单界面
Jul 27 Javascript
使用BootStrap实现标签切换原理解析
Mar 14 Javascript
AngularJS之ionic 框架下实现 Localstorage本地存储
Apr 22 Javascript
微信小程序如何像vue一样在动态绑定类名
Apr 17 Javascript
js实现图片跟随鼠标移动效果
Oct 16 Javascript
Vue中点击active并第一个默认选中功能的实现
Feb 24 Javascript
详解Vue中的Props与Data细微差别
Mar 02 Javascript
vue.js this.$router.push获取不到params参数问题
Mar 03 Javascript
Javascript基础教程之数据类型 (布尔型 Boolean)
Jan 18 #Javascript
Javascript基础教程之数据类型 (数值 Number)
Jan 18 #Javascript
Javascript基础教程之数据类型 (字符串 String)
Jan 18 #Javascript
Javascript基础教程之变量
Jan 18 #Javascript
Javascript基础教程之JavaScript语法
Jan 18 #Javascript
js简单抽奖代码
Jan 16 #Javascript
JS取得绝对路径的实现代码
Jan 16 #Javascript
You might like
php多文件上传功能实现原理及代码
2013/04/18 PHP
php读取mysql中文数据出现乱码的解决方法
2013/08/16 PHP
两种设置php载入页面时编码的方法
2014/07/29 PHP
学习php设计模式 php实现门面模式(Facade)
2015/12/07 PHP
thinkPHP5.0框架安装教程
2017/03/25 PHP
使用PHPUnit进行单元测试并生成代码覆盖率报告的方法
2019/03/08 PHP
javascript下判断一个元素是否存在的代码
2010/03/05 Javascript
jquery实现图片左右间隔滚动特效(可自动播放)
2013/05/08 Javascript
JS 按钮点击触发(兼容IE、火狐)
2013/08/07 Javascript
返回页面顶部top按钮通过锚点实现(自写)
2013/08/30 Javascript
在JavaScript中构建ArrayList示例代码
2014/09/17 Javascript
jQuery 选择器(61种)整理总结
2016/09/26 Javascript
jquery表单验证插件validation使用方法详解
2017/01/20 Javascript
简单的vue-resourse获取json并应用到模板示例
2017/02/10 Javascript
JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例
2017/08/17 Javascript
vue中改变选中当前项的显示隐藏或者状态的实现方法
2018/02/08 Javascript
解决LayUI表单获取不到data的问题
2018/08/20 Javascript
vue如何安装使用Quill富文本编辑器
2018/09/21 Javascript
原生JS实现烟花效果
2020/03/10 Javascript
Python优化技巧之利用ctypes提高执行速度
2016/09/11 Python
Python文件和流(实例讲解)
2017/09/12 Python
python实现随机森林random forest的原理及方法
2017/12/21 Python
对pandas中iloc,loc取数据差别及按条件取值的方法详解
2018/11/06 Python
解决在pycharm中显示额外的 figure 窗口问题
2019/01/15 Python
Python多线程多进程实例对比解析
2020/03/12 Python
2020新版本pycharm+anaconda+opencv+pyqt环境配置学习笔记,亲测可用
2020/03/24 Python
使用python采集Excel表中某一格数据
2020/05/14 Python
纯CSS3制作漂亮带动画效果的主机价格表
2015/04/25 HTML / CSS
驴妈妈旅游网:中国新型的B2C旅游电子商务网站
2016/08/16 全球购物
6PM官网:折扣鞋、服装及配饰
2018/08/03 全球购物
阿迪达斯英国官方网站:adidas英国
2019/08/13 全球购物
mysql有关权限的表都有哪几个
2015/04/22 面试题
财务部经理岗位职责
2014/02/03 职场文书
《记金华的双龙洞》教学反思
2014/04/19 职场文书
《槐乡的孩子》教学反思
2016/02/20 职场文书
2016年党员干部公开承诺书
2016/03/24 职场文书