转换为布尔型

用两次非运算(!):

1 !!5 ==> true

用布尔型的构造函数:

1 new Boolean(5) == > true

值转换为布尔类型为false:0,+0,-0,NaN,""(空字符串),undefined,null

除上面的值其他值在转换以后为true,需要特别提到的是:"0",new Object(),function(){}

转换为字符串类型

加上空字符串"":

1 123 + "" "123"

用字符串构造函数:

1 new String(123) = "123".

需要特别注意的转化:

1 +0 ==> "0"
2 -0 ==> "0"
3 -Infinity ==>"-Infinity"
4 +Infinity ==>"+Infinity"
5 NaN ==> "NaN"
6 undefined ==> "undefined"
7 null ==> "null"
8 new Object() ==> "[object Object]"
9 function(){} ==> "function(){}"

转换为数值型

取正(+), 减零 (-0), 乘一,(*1),除以一(/1),取负(-,这个得到相反的值):

1 +"123" = 123
2 +true = 1

用构造函数Number();

1 new Number("123") = 123

几个需要特别注意的转化:

01 ""(空字符串) ==> 0
02 "010" ==> 10
03 "0x10"(16进制) ==> 16
04 "-010" ==> -10
05 "-0x10" ==> NaN
06 undefined ==> NaN
07 null ==> 0
08 true ==> 1
09 false ==> 0
10 new Object() ==> NaN
11 new function(){} ==> NaN

隐式类型转换

二元加法运算(+):如果两个操作数中有一个是String类型,将把两个操作数转换为String类型再相加。如果两个操作数中没有字符串类型,那么将把两个操作数转换为数值类型再做运算。

1 "123"+123 = "123123";
2 123+123 = 246
3 true true = 2
4 true + undefined = NaN (因为undefined转换为数值为NaN,所有结果为NaN)
5 true null = 1 (null转换为数字是0)
6 "123" null "123null" (包含字符串将转化为字符串相加)
7 "123" + undefined = "123undefined" (undefined同样适用)
8 1 + 2 + "123" "3123" (1+2是首先按照数值型计算的)

二元减乘除运算(-*/):因为只有数值类型才有 - * / 运算,所以会先将两个操作数转换为数值型再做运算。

1 "123"-123 = 0

一元取正(+),取负运算符(-):取正或者取负都是针对数值型的运算,所以会将操作数转换为数值型再做运算。

1 +"123" = 123
2 -"123" = -123
3 +"123e" = NaN
4 +"123f" = NaN
5 +"123e-2" = 1.23

一元非(!)运算符:非运算符需要将操作数转化为布尔类型。

1 !"123" false
2 !!"123" true
3 !123 = false
4 !!123 = true

逻辑运算符(&&)和(||):

在&&或者||的两侧被判断的时候会被转为布尔类型进行判断,但是我在测试的时候却发现一个有趣的事情。

&&运算符:如果有一个项为false,那么表达式返回false,如果所有的项都不为false,那么表达式返回最右边一个项的原始值。

123 && 23 && 45 返回 45,而不是我们想象中的true。所以如果有 123 && 23 == true 那么应该是false。至于if(123 && 23) 认为是true那应该是把23转换为布尔类型了。

||运算符:对 || 测试的结果也和我想象的不一样,|| 返回第一个转换以后不为false的值,如果都为false,它将返回最后一个为false的值(未进行类型转化之前的值)。

举例:123 || 23 返回 123,而不是想象中的true.false || null 返回null, 而不是想象中的false。

类型转换函数

parseFloat转换为浮点数:

字符解析函数获取每一个字符直到遇到不属于数值的字符,然后返回它已获取的数值。几个需要特别注意的:

1 ""(空字符串) ==> NaN
2 "123e-2" == > 1.23 (科学计算法是可以识别的)
3 "010" ==> 10 (8进制不能识别)
4 "0x10"==> 0 (16进制不识别)
5 "-010" ==> -10
6 null,undefined,true,false,new Object(),function(){} ==> NaN

parseInt转换为有符号整数:

跟parseFloat相似,但是他会把小数位舍掉(注意不是四舍五入,是完全舍弃,跟Math.floor处理方式一样),而且他可以识别八进制和16进制表示方式:

1 123e-2 == > 1
2 "123e-2" ==> 123
3 "010" == > 8
4 "0x10" ==> 16
5 "-010" == > -8
6 "-0x10" ==> -16
7 null,undefined,true,false,new Object(),function(){},-Infinity +Infinity NaN ==> NaN

三个取整函数的区别:

Math.ceil():"天花板",很形象吧?就是取大于等于参数的最小整数。

1 8.7 == > 9
2 -8.7==> -8

Math.floor():"地板",取小于等于参数的最小整数。

1 8.7 ==> 8
2 -8.7 ==> -9

Math.round():"四舍五入"取整数。

JavaScript数据类型转换方法汇总的更多相关文章

  1. SQL Server游标 C# DataTable.Select() 筛选数据 什么是SQL游标? SQL Server数据类型转换方法 LinQ是什么? SQL Server 分页方法汇总

    SQL Server游标   转载自:http://www.cnblogs.com/knowledgesea/p/3699851.html. 什么是游标 结果集,结果集就是select查询之后返回的所 ...

  2. 前端开发 JavaScript 干货知识点汇总

    很多初学的朋友经常问我,前端JavaScript都需要学习哪些东西呀?哪些是JavaScript的重点知识啊? 其实做前端开发工程师,所有的知识点都是我们学习必备的东西,只有扎实的技术基础才是高薪的关 ...

  3. Javascript:Javascript数据类型详解

    要成为一个优秀的前端工程师,系统的学习Javascript,有夯实的Javascript基础,以及对语言本身的深刻的理解,是基本功.从Javascript数据类型开始,我将对Javascript知识体 ...

  4. JavaScript数据类型 typeof, null, 和 undefined

    JavaScript 数据类型 在 JavaScript 中有 5 种不同的数据类型: string number boolean object function 3 种对象类型: Object Da ...

  5. 网页、JavaScript 数据类型

    JavaScript 数据类型 一.基本数据类型: 字符串.数字.布尔.日期和时间 JavaScript 拥有动态类型 JavaScript 拥有动态类型.这意味着相同的变量可用作不同的类型: 1 v ...

  6. javascript数据类型、初始化

    Javascript数据类型有6种: 数值型数据类型(Number): 字符串(String): 布尔型数据(Boolean): 对象数据(Object): 空(Null): 未定义(Undefine ...

  7. javascript中event汇总

    原文:javascript中event汇总 ie firefox chrome opera Safari浏览器中对 event的处理并不一致,在此我将各个浏览器中event的兼容处理做了一个汇总,此处 ...

  8. 第九十九节,JavaScript数据类型

    JavaScript数据类型 学习要点: 1.typeof操作符 2.Undefined类型 3.Null类型 4.Boolean类型 5.Number类型 6.String类型 7.Object类型 ...

  9. Javascript数据类型共有六种

    Javascript数据类型共有六种 /* var box; alert(typeof box); // box是Undefined类型,值是undefined,类型返回的字符串是undefined ...

随机推荐

  1. 安装SQLSEVER与MySQL

    昨天装了一整填的SQLSEVER,今天是把昨天遗留的问题给重新整合一下,上午安装MySQL的时候,是在网上找的帖子通过压缩包安装的,捣鼓了一上午,下午花不到一个小时, 去安装好了,我觉得通过压缩包安装 ...

  2. 域名添加www之后(或域名后加端口)无法访问(阿里云服务器)

    当时在阿里云服务器上部署了一个api接口,通过APP调用一直很正常,突然无法访问了,然后测试调查发现,只要在域名前加上www,再通过域名加端口的方式访问的话, 显示的都是 :502 错误:还一直以为是 ...

  3. python计算工资个税

    # -*- coding: utf-8 -*- total = int(input("税前总计:")) #公积金10% Gongjijin = total * 0.1 print( ...

  4. Ubuntu14.04下部署FastDFS 5.08+Nginx 1.9.14

      最新的版本可以在这里获取,目前下载的最新版本是5.08,更新于2016-02-03.在这里可以找到更多的说明. 下载好后,server端分为两个部分,一个是tracker,一个是storage.顾 ...

  5. POJ 2653 Pick-up sticks(线段判交)

    Description Stan has n sticks of various length. He throws them one at a time on the floor in a rand ...

  6. 软工实践Alpha冲刺(3/10)

    队名:我头发呢队 组长博客 作业博客 杰(组长) 过去两天完成了哪些任务 继续翻阅Google Material Design 2的官方文档 接下来的计划 音源爬取 还剩下哪些任务 app开发 燃尽图 ...

  7. js中斜杠转义

    js中“/”不需要转义. if(myPath.indexOf("/Upload/EmailFile/")!=-1){ alert("有附件!")}

  8. linux线程同步实例

    [Linux多线程]三个经典同步问题 - 神奕的专栏 - 博客频道 - CSDN.NET http://blog.csdn.net/lisonglisonglisong/article/details ...

  9. 苹果IOS、安卓推送功能开发

    IOS推送开发:以下是基于开源javapns推送开发1.DerInputStream.getLength(): lengthTag=111, too big.先排除是否由于打包时证书 .p12 文件被 ...

  10. C++面向对象编程,继承,数据抽象,动态绑定

    派生类(derived class)能够继承基类(base class )定义的成员: 1).派生类可以无需改变而使用那些与派生类具体特性不相关的操作 2).可以重新定义那些与派生类相关的成员函数,将 ...