小试牛刀

  输出下列数据比较结果

    [] == 0; //==============================================================true
[] == false; //==========================================================true
[] == undefined; //======================================================false
[] == null; //===========================================================false
[] == ''; //=============================================================true 0 == false; //===========================================================true
0 == undefined; //=======================================================false
0 == null; //============================================================false
0 == ''; //==============================================================true false == undefined; //===================================================false
false == null; //========================================================false
false == ''; // =========================================================true
false == 'false'; //=====================================================fasle undefined == null; //====================================================true
undefined == ''; // =====================================================false
undefined == 'undefined'; //=============================================false null == ''; //===========================================================false

  有没有全对呢?If the answer is "yes", congratulations!

两个不同类型数据比较时隐式转换规则

  1)  数字和字符串、布尔类型、数组进行比较时,字符串(或布尔类型、或数组)先转换为数字(Number),再进行比较;数组转数字请参看后文。

    123 == '123asd'; //false
123 == '123'; //true 123 == false; //false
123 == true; //false

  使用 if(num) 和 if(num == true) 结果不一样。前者使用Boolean()转换Num, 后者使用Number转换true。

    var num = 123;
if(num) {
console.log(1); //输出1
}
if(num == true) {
console.log(2); //无输出
} var str = "qwe";
if(str) {
console.log(1); //输出1
}
if(str == true) {
console.log(2); //无输出
}

  

  2) 字符串和布尔类型比较,看完下面的代码我疯了。如果一定要给一个解释,那么一定是进行比较的两个数据同时经过Number()的洗礼后再进行比较。数组和布尔类型的比较也如此。

    "qwe" == false; //false
"qwe" == true; //false
"" == false; // true
"" == true; //false [] == false; //true
[0] ==false; //true
[00] ==false; // true
[0,0] == false ; //false

  3) undefined 除了和null进行非全等比较返回true,其它均返回false。null 除了和 undefined进行非全等比较返回true,其它均返回false。

  4) 数组(或对象)和字符串进行比较时,数组(或对象)会转换成字符串再进行比较。

    [] == ""; //true
[0] == ""; //false
[0] == "0"; //true var obj = {a: 1};
obj == ""; //false
obj == "[object Object]"; //true

Number() 强制转换成数值

  1) 字符串转数值,能解析的返回数值,不能解析的返回NAN(Not a Number)。

    Number('123'); //
Number('123shj'); //NAN
parseInt('123shj'); // 123
   Number('\t\v\r12.34\n'); // 12.34
   parseInt('\t\v\r12.34\n'); // 12

  2) 布尔值转数值

    Number(true); //
Number(false); //

  3) Unfined 转数值

    Number('undefined'); // NAN

  4) null 转数值

    Number(null); //

  5) 对象转数值

    Number({a: 2}); // NAN

   

  

String() 强制转换成字符串

  1) 原始数据类型转换为字符串,相当于直接把原数据用引号包起来。

    String(123); // "123"
String(true); // "true"
String(undefined) // "undefined"
String(null); // "null"

  2) 对象转字符串

 

Boolean() 强制转换成布尔类型

  所有对象转换为Bool类型都为true,只有以下几个数值转换为Bool为false: undefined/null/0/NAN/""。

   undefined == false 返回 false, Boolean(undefined) = false.

   [] == false 返回true,  Boolean([]) = true.

    Boolean(undefined); //false
Boolean(null); //false
Boolean(0); //false
Boolean(NAN); //false
Boolean(""); //false
Boolean([]); //true
Boolean({}); //true
Boolean(new Boolean(false)); // true

结束语

若有不足之处,欢迎指正。

参考地址

[1] 数据类型转换.阮一峰. http://javascript.ruanyifeng.com/grammar/conversion.html

[2] http://www.jb51.net/article/34190.htm

【JS基础】类型转换——不同数据类型比较的更多相关文章

  1. 百万年薪python之路 -- JS基础介绍及数据类型

    JS代码的引入 方式1: <script> alert('兽人永不为奴!') </script> 方式2:外部文件引入 src属性值为js文件路径 <script src ...

  2. JS基础_基本数据类型和引用数据类型

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  3. js基础-类型转换

    显示类型转换 Number() 将任意类型转换数值类型 true 1 false 0 Number(null) => 0 Number(undefined) => NAN Number(' ...

  4. JS基础——常见的数据类型

    常见的数据类型 原始类型(基本类型)包括 :number.string.boolean.null.undefind 引用类型包括 :object,其中object中又分 Function.Array. ...

  5. JS基础知识(数据类型)

      1,关于typeof   因为是弱类型语言,而程序代码中又不得不定义出变量的类型所提供出来的方法. 返回的结果如下图:   如下例子: var test = "123"; va ...

  6. js基础-数组及数据类型

    数组也是引用类型 构造函数创建数组 Object 构造函数类型(所有类型基类)   Array 构造函数类型 求幂运算符 **   2**32-1 数组容量最大 arry.length 如果减小len ...

  7. js基础--javaScript数据类型你都弄明白了吗?绝对干货

    欢迎访问我的个人博客:http://www.xiaolongwu.cn 数据类型的分类 JavaScript的数据类型分为两大类,基本数据类型和复杂数据类型. 基本数据类型:Null.Undefine ...

  8. js 基础数据类型和引用类型 ,深浅拷贝问题,以及内存分配问题

    js 深浅拷贝问题 浅拷贝一般指的是基本类型的复制 深拷贝一般指引用类型的拷贝,把引用类型的值也拷贝出来 举例 h5的sessionStorage只能存放字符串,所以要存储json时就要把json使用 ...

  9. JS基础学习1

    1 JS 概述 一个完整的javascript实现是由以下3个不同部分组成的: (1)     核心(ECMAscript) (2)     文档对象模型(DOM)  Document object ...

  10. 前端面试题目汇总摘录(JS 基础篇)

    JS 基础 JavaScript 的 typeof 返回那些数据类型 object number function boolean undefined string typeof null; // o ...

随机推荐

  1. rest-framework之权限组件

    权限 权限 作用 : 校验用户是否有权限访问 检测权限肯定是在用户认证通过之后,所有可以直接在request中取出用户做判断 先定义一个类,继承 BasePermission. from rest_f ...

  2. C++版 - 剑指offer 面试题24:二叉搜索树BST的后序遍历序列(的判断) 题解

    剑指offer 面试题24:二叉搜索树的后序遍历序列(的判断) 题目:输入一个整数数组,判断该数组是不是某二叉搜索树的后序遍历的结果.如果是则返回true.否则返回false.假设输入的数组的任意两个 ...

  3. SharePoint之使用Jquery Mobile定制自己的手机页面

    最近一直很忙,既要创业,又要工作,还有弄弄自己的小项目(已暂停,http://www.codelove1314.com/,如果你不愿意浪费你的业余时间,喜欢弄点小东西,请联系我),所以虽然有很多东西分 ...

  4. Python下用Scrapy和MongoDB构建爬虫系统(1)

    本文由 伯乐在线 - 木羊 翻译,xianhu 校稿.未经许可,禁止转载!英文出处:realpython.com.欢迎加入翻译小组. 这篇文章将根据真实的兼职需求编写一个爬虫,用户想要一个Python ...

  5. Go基础系列:惰性数值生成器

    惰性数值生成器是指在需要的时候才生成下一个数值,不需要的时候就卡在那.这和python的列表推导表达式类似.惰性生成器的好处是不会一次性将全部结果返回或放进内存,而是每次只返回一个,这样不会在某一时刻 ...

  6. 【转载】ASP.NET工具类:文件夹目录Directory操作工具类

    在ASP.NET开发网站的过程中,有时候会涉及到文件夹相关操作,如判断文件夹目录是否存在.删除文件夹目录.创建文件.删除文件.复制文件夹等等.这一批有关文件目录的操作可以通过Directory类.Fi ...

  7. IDEA设置显示中文文档API方法说明

    首先,我们从网上下载好对应的java最新的中文api文档,chm格式的 chm其实相当于一个压缩包,里面有许多html文件 让IDEA显示中文文档,其实原理就是是让IDEA把java的api的对应ht ...

  8. 关于java中反射的小结

    一.Class 1. Class是一个类,封装了当前对象所对应的类的信息 2.小写class表示是一个类类型,大写Class表示这个类的名称 3.对于每个类而言,JRE 都为其保留一个不变的 Clas ...

  9. bash array

    bash 仅支持一维数组. 而且数组下标是从0开始的为数组赋值:array=(1 4 7 2 5 8)     #以空格为分割符,()为数组str="this is test string& ...

  10. shell 备份 source code

    1. 利用shell脚本备份源码 首先mkdir创建三个目录  backup存放备份代码,script 存放shell脚本,www存放源码 2.创建文件 3. 编写shell脚本 #!bin/sh b ...