一、显示类型转换

1.Boolean()

  (1)、undefined/null/‘’   ==》 false

  (2)、任何对象(包括例如var obj = {} ) ==>  true

  (3)、非空字符串  ==》 true

  (4)Infinity/-Infinity ==>true

  (5)、其他应该均为true

2.Number()

  (1)、如果不是字符串,而是数值,则转换为对应的十进制。

  (2)、如果为字符串,

      a)字符串内容均为数值,则转换为相应的数值。

Number(123); // => 123
Number(0123); //=>83
Number(0x123); //=>291
Number(00x123); //报错
Number(000123); //83

        注意进制问题:

          如果为0开头的数字字符串,为八进制,浏览器会将前导0忽略,将后面的当成十进制返回  Number('0123'); // =》123

          如果为0x开头的数字字符串,则浏览器认为其为十六进制数值(不会忽略前导0,若前面为‘00x’,则返回NaN),将其装换为十进制没返回 Number('0x123'); // =>291

      b)字符串内容均为非数值字符,则返回NaN

      c)字符串内容数字和非数值混搭

          如果第一位为数值,则截取第一位数值到最后一位数值(之后为非数值,就算非数值后又有数值也不考虑)。 Number('123daasd123132'); // =>123

          如果第一位为非数值*则直接返回NaN(NaN不能参与比较,即使和自己 NaN == NaN ,报错)

   (3)、undefined ==》NaN

        null  ==>0

        空字符串(里面可以包含若干空格) ==>0

       对象  ==》先转换valueOf()返回的值,若为NaN,在转换toString()返回值,即为最后结果

 注意:还有一种特殊情况,当数字值溢出数值范围,返回无穷大,上溢出,返回Infinity,下溢出,返回-Infinity。

    浏览器能表示的最小值为Number.MIN_VALUE ,最大值为Number.MAX_VALUE

3.parseInt()

  1. 几乎和parseFloat转换方法完全一样,只不过最终结果返回的都是整数,而不存在浮点数。

  2.第二个特殊点是:parseInt(arg1,arg2);有第二个可选参数,制定arg1为几进制数,然后将其转换为十进制整数,如果第二个参数未制定,则默认为十进制。(制定进制转换为十进制);(第二个参数的范围为 2 ~ 36,设定值超过此范围则返回NaN,注:第二个参数实际上也可设置为0,此时相当默认值十进制)

  3.区别:toString()方法,toString方法里参数可选,制定将调用该方法的数值转换的进制数,最后再抓转换为字符串  var x = 123; x.toString(2); //=>"1111011"

4.parseFloat()

  1.几乎和parseInt转换方法完全一样,只不过最终结果返回的都是浮点数,而不存在整数。

  2.不存在第二个参数.

5.String(),等同于toString(),只不过没参数而已

  (1)、如果有toString()方法,则调用该方法。

  (2)、null和undefined没有该方法,分别返回'null' 和 ’undefined‘;

二、隐士类型转换:

  1.进行相等比较,会尽量转换为相同类型再判断

  2.+,-,++,--会将操作的先转换为数字,再进行操作。

  3.反正就是能转换为合适的类型,就会自动转换。

JS之类型转换的更多相关文章

  1. JS 数据类型转换

    JS 数据类型转换 方法主要有三种 转换函数.强制类型转换.利用js变量弱类型转换. 1. 转换函数: js提供了parseInt()和parseFloat()两个转换函数.前者把值转换成整数,后者把 ...

  2. JS数据类型转换

    JS 数据类型转换 方法主要有三种 转换函数.强制类型转换.利用js变量弱类型转换. 1. 转换函数: js提供了parseInt()和parseFloat()两个转换函数.前者把值转换成整数,后者把 ...

  3. js值类型转换(boolean/String/number),js运算符,if条件,循环结构,函数,三种弹出框

    js值类型转换 number | string | boolean boolean类型转换 num = 0; var b1 = Boolean(num); console.log(b1) 转化为数字类 ...

  4. js 自动类型转换

    js自动类型转换 1.==符号在判断左右两边数据是否相等时,如果数据类型一致,直接比较值即可 2.==符号左右数据类型不一致时,如果两方数据为布尔型.数值型.字符串型时,不为数字的那一方自动调用Num ...

  5. JS的类型转换,强制转换和隐式转换

    JS的类型转换 1.强制转换 通过String(),Number(),Boolean()函数强制转换 var str=123; var str1='123'; console.log(typeof s ...

  6. JS的类型转换

    首先我们要知道,在 JS 中类型转换只有三种情况,分别是: 转换为布尔值 转换为数字 转换为字符串 我们先来看一个类型转换表格 转Boolean 在条件判断时,除了 undefined, null,  ...

  7. js笔记——js数据类型转换

    以下内容摘录自阮一峰的<语法概述 -- JavaScript 标准参考教程(alpha)>章节『数据类型转换』,以做备忘.更多内容请查看原文. JavaScript是一种动态类型语言,变量 ...

  8. JS 数据类型转换-转换函数、强制类型转换、利用js变量弱类型转换

    1. 转换函数: js提供了parseInt()和parseFloat()两个转换函数.前者把值转换成整数,后者把值转换成浮点数.只有对String类型调用这些方法,这两个函数才能正确运行:对其他类型 ...

  9. {}+[] = ? 和 []+{} = ? 浅谈JS数据类型转换

    参加公司技术嘉年华第一季(前端.服务端)的间隙,陈导问了我一个问题:{}+[] 和 []+{}两个表达式的值分别是什么?根据我的理解我觉得结果应该都是"[object Object]&quo ...

  10. JS 数据类型转换以其他

    JavaScript 是一种弱类型的语言,也就是没有类型限制,变量可以随时被赋予任意值. 同时,在程序运行过程中,类型会被自动确认的.因此,这就是涉及到数据的类型转换.在 JS 的世界中,数据类型转换 ...

随机推荐

  1. iOS学习之事件处理

    一.事件的基本概念      1.事件概述 事件是当用户手指触击屏幕及在屏幕上移动时,系统不断发送给应用程序的对象. 系统将事件按照特定的路径传递给可以对其进行处理的对象. 在iOS汇总,一个UITo ...

  2. 发布项目MVC4-EF6.0出错

    出错: The Entity Framework provider type 'System.Data.Entity.SqlServer.SqlProviderServices, EntityFram ...

  3. 常用gradle命令

    1.build.gradle ext { profile = "dev" tag='web' if (project.hasProperty('pro')) { temp = pr ...

  4. layoutSubviews 浅尝

    layoutSubviews是UIView中的属性方法,即只要继承于UIView,就可以使用这个方法,这个方法也很强大,以下是他的触发时机: 1.init初始化不会触发layoutSubviews 2 ...

  5. XAML中的Path

    利用Path创建图形的时候,如果path对象的Fill属性不设置,那么绘制出来的图形首尾是不连接的. 如果设置了Fill属性,当Fill的Color属性为Transparent时,图形也不会首尾连接: ...

  6. 移植net-snmp到开发板(mini210)

    1.安装交叉编译工具arm-linux-gcc 2.下载net-snmp源码安装包 3.解压安装包 4../configure --build=i686-linux --host=arm-linux ...

  7. 如何在Report Builder中使用fnd_profile.value

    在EBS的Report开发中,需要根据客户化的一个Profile来控制用户可以访问的数据,可是在开发的过程中发现一直取不到该Profile的值,后来百度才找到了原因. 解决方法: 1.添加用户参数p_ ...

  8. 简单修改 MySQL 的 root 账号密码

    首先这是一篇非常非常初级的教程. 平时为了方便,经常是直接在网上下载 PHP + MySQL 的集成环境,但有一些 MySQL 的 root 账号是没有密码的(例如大名鼎鼎的 XAMPP 就是这样), ...

  9. 20145120 《Java程序设计》第6周学习总结

    20145120 <Java程序设计>第6周学习总结 教材学习内容总结 java.io.InputStream.java.io.OutputStream实例分别作为输入.输出串流的代表对象 ...

  10. 学习Linux第四天

    ---恢复内容开始--- 1.常用的命令: reset 清屏 leave +hhmm 建立离开提醒 sudo apt-get yum 安装yum程序 sudo su 切换root身份 see test ...