# 数据类型转换
JavaScript是一种无类型的语言,这种“无类型”并不是指JavaScript没有数据类型,而是指JavaScript是一种松散型。因此,在JavaScript中定义一个变量时,不需要制定变量的数据类型,这就使JavaScript可以很方便、灵活地进行隐式类型转换。所谓隐式类型转换就是不需要进行定义,JavaScript会自动将某一个类型的数据转换成另一个类型的数据。JavaScript中除了可以隐式转换数据类型外,还可以显式转换数据类型。常用的类型转换方法有一下几种:
### 转换成字符串
JavaScript中3种主要的原始值布尔值、数字、字符串及其他对象都有toString()方法,可以把他们的值转换成字符串。
~~~
var num=25;
alert(num.toString());//输出 “25”
~~~
### 转换成数字
ECMAScript提供了两种把非数字的原始值转换成数字的方法,即parseInt()和parseFloat().只有对字符串调用这些方法才能正确运行,其他类型返回的都是NaN.
①parseInt()方法。
parseInt()方法用于将字符串转换为整数,其格式为:
~~~
parseInt(numString,[radix]);
~~~
说明:
a.第一个参数为必选项,用来指定要转化为证书的字符串。
~~~
parseInt("754abc87); // 返回值为754
parseInt("test456); //返回值为NaN 但数据类型是Number
~~~
b.第二个参数为可选项,使用该参数的parseInt()方法能够完成八进制、十六进制等数据的转换。其中[radix]表示要将numString作为几进制数进行转换,当省略时,默认将第一个数按十进制转换。
~~~
parseInt("100abc",8) //返回值为64
~~~
②parseFloat()方法。
parseFloat()方法用于将字符串转换为浮点数,其格式为:
~~~
parseFloat(numString);
parseFloat("19.32te"); //返回值为19.32
~~~
### 基本数据类型转换
在JavaScript中可以使用下面3个函数将数据转换成数字型、布尔型和字符串型。
①Boolean(value):
把值转换成Boolean类型。如果要转换的值value为“至少有一个字符的的字符串”、“非0的数字”、或“对象”,那么Boolean()将返回true;如果要转换的值value为“空字符串”、“数字0”、undefined、null,那么Boolean()将返回false.
~~~
Boolean("");//返回false
Boolean("-1");//返回true
Boolean("new Object()");//返回true
~~~
false、undefined 、null、0、”” 为 false
true、1、”somestring”、[Object] 为 true
②Number(value):
把值转换成数字(整型数或浮点数)。Number()与parseInt()、parseFloat()类似,区别在于Number()转换的是整个值,而parseInt()、parseFloat()则可以只转换开头部分。
~~~
Number("1.2.3"); //返回NaN
parseInt("1.2.3"); //返回1
parseFloat("1.2.3"); //返回1.2
~~~
③String(value):
把值转换成字符串。String()与toString()方法有些不同,区别在于对null或undefined值用String()进行强制类型转换可以生成字符串而不引发错误。
~~~
var myNum;
var t1=String(myNum); //t1的值为undefined
var t2=myNum.toString();//这里会报错
~~~
- 前言
- 走进前端工程师的世界
- 前端知识图谱
- 前端学习方法
- 计算机基础知识
- 写一封信给4个月后的自己
- Github的使用
- 网页基础知识
- 2.1认识网页
- 2.2网页相关名词
- 2.3Web标准
- 2.4开发环境配置
- 2.4.1Hbuilder使用技巧
- 2.4.2SublineText使用技巧
- 大前端必会的PS技巧
- HTML
- 网页制作入门
- CSS
- HTML+CSS整站开发
- HTML5
- HTML5 概述
- HTML5 语法
- HTML5 属性
- HTML5 事件
- HTML5 浏览器支持
- HTML5 新元素
- HTML5 Video(视频)
- HTML5 Audio(音频)
- HTML5 Input类型
- HTML5 表单元素
- HTML5 语义元素
- HTML5 表单属性
- CSS3
- CSS3 介绍
- CSS3 选择器
- 基本选择符
- 关系选择符
- 属性选择符
- 伪类选择符
- 伪对象选择符
- CSS3 边框
- CSS3 圆角
- CSS3 背景
- CSS3 渐变
- CSS3 文本效果
- CSS3 字体
- CSS3 2D转换
- CSS3 3D转换
- CSS3 过渡
- CSS3 动画
- CSS3 多列
- CSS3 用户界面
- CSS3 图片
- CSS3 按钮
- CSS3 分页
- CSS3 框大小
- CSS3 弹性盒子
- CSS3 颜色
- CSS3 多媒体查询
- 附录1
- HTML5+CSS3整站开发
- 前端开发规范
- 规范目的
- 命名规则
- HTML开发规范
- CSS开发规范
- SCSS开发规范
- JavaScript开发规范
- JavaScript基础
- JavaScript简介
- JavaScript的发展历史
- JavaScript是前台语言
- 用法
- 认识语句和符号
- JavaScript输出
- JavaScript注释
- 体验js输出
- JavaScript 变量
- JavaScript 数据类型
- JavaScript数据类型的转换
- JavaScript运算符
- JavaScript流程控制语句
- 前端库
- 百度静态资源公共库
- 前端资源
- 学习网站类