文档章节

javascript(五) 类型转换

年少爱追梦
 年少爱追梦
发布于 2016/05/31 16:54
字数 1139
阅读 49
收藏 2

                                      类型转换

通过手动进行类型转换,Javascript提供了以下转型函数:

转换为数值类型:Number(mix)、parseInt(string,radix)、parseFloat(string)
转换为字符串类型:toString(radix)、String(mix)
转换为布尔类型:Boolean(mix)

1、Number(mix)函数,可以将任意类型的参数mix转换为数值类型。其规则为:

  1. 如果是布尔值,true和false分别被转换为1和0
  2. 如果是数字值,返回本身。
  3. 如果是null,返回0.
  4. 如果是undefined,返回NaN。
  5. 如果是字符串,遵循以下规则:
    1. 如果字符串中只包含数字,则将其转换为十进制(忽略前导0)
    2. 如果字符串中包含有效的浮点格式,将其转换为浮点数值(忽略前导0)
    3. 如果是空字符串,将其转换为0
    4. 如果字符串中包含非以上格式,则将其转换为NaN
  6. 如果是对象,则调用对象的valueOf()方法,然后依据前面的规则转换返回的值。如果转换的结果是NaN,则调用对象的toString()方法,再次依照前面的规则转换返回的字符串值。

下表列出了对象的valueOf()的返回值:

对象 返回值
Array 数组的元素被转换为字符串,这些字符串由逗号分隔,连接在一起。其操作与 Array.toString 和 Array.join 方法相同。
Boolean Boolean 值。
Date 存储的时间是从 1970 年 1 月 1 日午夜开始计的毫秒数 UTC。
Function 函数本身。
Number 数字值。
Object 对象本身。这是默认情况。
String 字符串值。

下面提供几个例子,你能写出它的正确结果吗:

 

  • Number(“hello CSSer!”);
  • Number(“0×8″);
  • Number(“”);
  • Number(“020dd”);
  • Number(“070″);
  • Number(true);

2、parseInt(string, radix)函数,将字符串转换为整数类型的数值。它也有一定的规则

 

  1. 忽略字符串前面的空格,直至找到第一个非空字符
  2. 如果第一个字符不是数字符号或者负号,返回NaN
  3. 如果第一个字符是数字,则继续解析直至字符串解析完毕或者遇到一个非数字符号为止
  4. 如果上步解析的结果以0开头,则将其当作八进制来解析;如果以0x开头,则将其当作十六进制来解析
  5. 如果指定radix参数,则以radix为基数进行解析

小测验:

  • parseInt(“hello CSSer!”);
  • Number(“0×8″);
  • parseInt(“”);
  • parseInt(“020dd”);
  • parseInt(“070″);
  • parseInt(“22.5″);

3、parseFloat(string)函数,将字符串转换为浮点数类型的数值

它的规则与parseInt基本相同,但也有点区别:字符串中第一个小数点符号是有效的,另外parseFloat会忽略所有前导0,如果字符串包含一个可解析为整数的数,则返回整数值而不是浮点数值。

4、toString(radix)方法。除undefined和null之外的所有类型的值都具有toString()方法,其作用是返回对象的字符串表示

对象 操作
Array 将 Array 的元素转换为字符串。结果字符串由逗号分隔,且连接起来。
Boolean 如果 Boolean 值是 true,则返回 “true”。否则,返回 “false”。
Date 返回日期的文字表示法。
Error 返回一个包含相关错误信息的字符串。
Function 返回如下格式的字符串,其中 functionname 是被调用 toString 方法函数的名称:

function functionname( ) { [native code] }

Number 返回数字的文字表示。
String 返回 String 对象的值。
默认 返回 “[object objectname]”,其中 objectname 是对象类型的名称。

5、String(mix)函数,将任何类型的值转换为字符串,其规则为

  1. 如果有toString()方法,则调用该方法(不传递radix参数)并返回结果
  2. 如果是null,返回”null”
  3. 如果是undefined,返回”undefined”

6、Boolean(mix)函数,将任何类型的值转换为布尔值

以下值会被转换为false:false、”"、0、NaN、null、undefined,其余任何值都会被转换为true。

隐式转换

在某些情况下,即使我们不提供显示转换,Javascript也会进行自动类型转换,主要情况有:

1. 用于检测是否为非数值的函数:isNaN(mix)

isNaN()函数,经测试发现,该函数会尝试将参数值用Number()进行转换,如果结果为“非数值”则返回true,否则返回false。

 2.主要就是关注String 转Number String 转 Boolean ,这是三个基本类型之间的转换,有一些默认的关系。

内容来源:http://www.cnblogs.com/mizzle/archive/2011/08/12/2135885.html 感谢博主

© 著作权归作者所有

年少爱追梦
粉丝 35
博文 193
码字总数 120092
作品 0
杭州
程序员
私信 提问
我认为一些必知的JavaScript基础知识

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。 JS作用:表单验证,减轻服务端的压力;添加页面动画效果;动态更改页面内容;Ajax网络请求。 下面简...

peakedness丶
2018/11/02
0
0
前端零基础 JS 教学 第一天 01 - day 变量与数据类型

其实前端就是 一共三步骤 : 1、获取数据,2、处理数据 3、展示数据 本人记录使用的工具是xmind 要是不会的小伙伴可以百度下很简单 每天的课程下面都会有实战案例的演示Demo 学习目标: 电脑...

我想静静刁民
02/07
0
0
JavaScript基础专题之类型转换(十二)

什么是类型转换? 我们都知道 JavaScript 是一种动态类型语言,变量没有类型限制,可以随时赋予任意值。 上面代码中,变量x到底是数值还是字符串,取决于另一个变量y的值。y 为 true 时,x 是...

Chris_Ping
07/14
0
0
JavaScript的基本使用

一、JavaScript的简单介绍   JavaScript是一种属于网络的脚本语言(简称JS),已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaS...

码农47
2018/03/15
0
0
JavaScript的简单复习

JavaScript的简单复习 JS的两种加载方式: 1.内部加载 内部加载,写在<script>标签内部 2.外部加载 写在<script>的src目录中,使用外部加载js文件的时候,js解析引擎不解析script标签体中的代码...

Lunqi
2015/08/07
65
0

没有更多内容

加载失败,请刷新页面

加载更多

CentOS 7系统增加swap

转载请注明文章出处:CentOS 7系统增加swap swap是位于磁盘上的特殊文件(或分区),属于“虚拟内存”的一部分。通俗点就是内存的备胎,内存充足的情况下,基本上没swap什么事(和设置有关)...

tlanyan
32分钟前
5
0
基于Prometheus和Grafana的监控平台 - 环境搭建

相关概念 微服务中的监控分根据作用领域分为三大类,Logging,Tracing,Metrics。 Logging - 用于记录离散的事件。例如,应用程序的调试信息或错误信息。它是我们诊断问题的依据。比如我们说...

JAVA日知录
今天
5
0
PHP运行时全局构造体

struct _php_core_globals { zend_bool magic_quotes_gpc; // 是否对输入的GET/POST/Cookie数据使用自动字符串转义。 zend_bool magic_quotes_runtime; //是否对运行时从外部资源产生的数据使...

冻结not
今天
4
0
webpack插件html-webpack-plugin

本文转载于:专业的前端网站→webpack插件html-webpack-plugin 1、插件安装 npm install html-webpack-plugin --save-dev 2、插件使用 webpack.config.js配置文件为: var htmlWebpackPlugin=...

前端老手
今天
6
0
数据挖掘

zhengchen1996
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部