在 JavaScript 中有一些 value 会经常碰到:

[] (空数组)、{} (空对象)、'' (空字符串)、undefined、null、0、NaN、Infinite

也会经常碰到数据类型转换:

==、+、-、>、<、

if(...) 真假判断、window[...] 属性

这几种情况下,就需要考虑数据类型转换。

碰到最多的是 true 和 false 判断:

if( [] ) console.log('true') /* 输出 true */

if( {} ) console.log('true') /* 输出 true */

对于空字符串、undefined、null、0 都是输出 false。

if( NaN ) console.log('true') /* 输出 false */

if( Number.POSITIVE_INFINITY ) console.log('true') /* 输出 true */

if( Number.NEGATIVE_INFINITY ) console.log('true') /* 输出 true */

还有根据 ==、+、-、>、< 等进行 true 和 false 判断

1、if( NaN != NaN ) console.log('true') /* 输出 true */

可以这么说: NaN 与任何值都是不相等的。还有更加极端的情况:

var d = NaN; if ( d === d ) console.log('true'); else console.log('false'); /* 输出 false */

自身不等于自身的还有 {} 和 [],空对象和空数组,与自身不是绝对相对相等容易理解(对象和数组都是引用类型),但:

var d = {}; if ( d === d ) console.log('true'); else console.log('false'); /* 输出 true,对于 [] 是一样的 */

{} == {},[] == [] /* 均输出 false */  显然 == 并不总是进行类型转换(只在两边的数据类型不相同的时候进行类型转换)。

2、undefined Infinity null 不存在 NaN (自身不等于自身) 的问题

3、undefined 与 null 相比较

undefined == null /* 输出 true */

4、以上各种数据类型与字符串进行比较

if( {} == "[object Object]" ) console.log('true') /* 输出 true */

if( [] == "" ) console.log('true') /* 输出 true */

var dxdxdx; if( dxdxdx == undefined ) console.log('true') /* 输出 true */

var dxdxdx; if( dxdxdx == "undefined" ) console.log('true'); else console.log('false'); /* 输出 false */

从以上语句可以看出,对于 undefined,未能自动使用类型转换(还有 null 和 NaN 都不能自动转换为字符串)。

var dxdxdx; if( dxdxdx+'' == "undefined" ) console.log('true'); else console.log('false'); /* 输出 true */

对于 null 来说:

var dxdxdx = null; if( dxdxdx == null ) console.log('true') /* 输出 true */

var dxdxdx = null; if( dxdxdx == "null" ) console.log('true'); else console.log('false'); /* 输出 false */

对于 undefined 和 null 来说,都可以用 dxdxdx == null 或者 dxdxdx == undefined 来判断。

5、以上各种数据类型转换为数字

也只有 字符串 类型对变量有转换为数字对需求,对于数组和对象转换成为数字,一般需要自行写接口进行转换。

6、toString 和 String

toString 用来检测变量对数据类型。

toString.call( [] ) /* "[object Array]" */

String 用来把变量转换为字符串。

String.call( [] ) /* "" */

7、类型转换还有 parseInt parseFloat

浅谈 JavaScript 中常用数据及其类型转换的更多相关文章

  1. 浅谈JavaScript中的闭包

    浅谈JavaScript中的闭包 在JavaScript中,闭包是指这样一个函数:它有权访问另一个函数作用域中的变量. 创建一个闭包的常用的方式:在一个函数内部创建另一个函数. 比如: functio ...

  2. 浅谈JavaScript中的null和undefined

    浅谈JavaScript中的null和undefined null null是JavaScript中的关键字,表示一个特殊值,常用来描述"空值". 对null进行typeof类型运 ...

  3. 浅谈JavaScript中的正则表达式(适用初学者观看)

    浅谈JavaScript中的正则表达式 1.什么是正则表达式(RegExp)? 官方定义: 正则表达式是一种特殊的字符串模式,用于匹配一组字符串,就好比用模具做产品,而正则就是这个模具,定义一种规则去 ...

  4. 浅谈JavaScript中的Ajax

    引言 作为一名WEB开发者,我想Ajax技术是一定需要掌握的.你也许平时没有使用JavaScript真正的写过Ajax.但是你一定使用过JQuery里面的相关函数来进行异步调用.今天我们就来介绍下原生 ...

  5. 浅谈JavaScript中的继承

    引言 在JavaScript中,实现继承的主要方式是通过原型链技术.这一篇文章我们就通过介绍JavaScript中实现继承的几种方式来慢慢领会JavaScript中继承实现的点点滴滴. 原型链介绍 原 ...

  6. 浅谈JavaScript中的内存管理

    一门语言的内存存储方式是我们学习他必须要了解的,接下来让我浅谈一下自己对他的认识. 首先说,JavaScript中的变量包含两种两种类型: 1)值类型或基本类型:undefined.null.numb ...

  7. 浅谈 JavaScript 中 Array 类型的方法使用

    前言:Array 类型是 JavaScript 中除了 Object 类型以外最常用的类型. 一.创建数组 JavaScript 中的数组与其他语言中的数组有着很大的区别.例如Java.PHP等语言中 ...

  8. 【总结】浅谈JavaScript中的接口

    一.什么是接口 接口是面向对象JavaScript程序员的工具箱中最有用的工具之一.在设计模式中提出的可重用的面向对象设计的原则之一就是“针对接口编程而不是实现编程”,即我们所说的面向接口编程,这个概 ...

  9. 通过一道笔试题浅谈javascript中的promise对象

    因为前几天做了一个promise对象捕获错误的面试题目,所以这几天又重温了一下promise对象.现在借这道题来分享下一些很基础的知识点. 下面是一个面试题目,三个promise对象捕获错误的例子,返 ...

随机推荐

  1. 【LeetCode】414. 第三大的数

    给定一个非空数组,返回此数组中第三大的数.如果不存在,则返回数组中最大的数.要求算法时间复杂度必须是O(n). 示例 1: 输入: [3, 2, 1] 输出: 1 解释: 第三大的数是 1. 示例 2 ...

  2. 【xsy1232】Magic 最小割

    题目大意:给你一个$n$个点,$m$条有向边的图,每个点有一个点权$a_i$,同时你可以用$b_i$的代价将$a_i$变为$0$ 另外你要付出$\sum\limits_{i=1}^n\max\limi ...

  3. 【bzoj4240】 有趣的家庭菜园 树状数组

    这一题最终要构造的序列显然是一个单峰序列 首先有一个结论:一个序列通过交换相邻的元素,进行排序,最少的交换次数为该序列的逆序对个数 (该结论很久之前打表意外发现的,没想到用上了.....) 考虑如何构 ...

  4. _new_()与_init_()的区别

    先上代码   其中,__new__()不是一定要有,只有继承自object的类才有,该方法可以return父类(通过super(当前类名, cls).__new__())出来的实例,或者直接是obje ...

  5. 视口(viewport)原理详解之第二部分(移动端浏览器)

    一.移动端浏览器的问题 当我们把移动端浏览器和桌面浏览器比较时,最明显的差异就是尺寸.移动端浏览器尺寸要比桌面屏幕小得多,移动浏览器最多差不多也就400px.最重要的问题集中在我们的CSS上,特别是v ...

  6. 《LeetBook》leetcode题解(19):Remove Nth Node From End of List[E]——双指针解决链表倒数问题

    我现在在做一个叫<leetbook>的开源书项目,把解题思路都同步更新到github上了,需要的同学可以去看看 这个是书的地址: https://hk029.gitbooks.io/lee ...

  7. C#的TextBox获取行高

    当TextBox使用多行之后,如果想获取每行的高度,似乎有点问题, TextBox.Height获取的是控件的高度, 而我们常做的是根据行的数量来决定是否要显示滚动条 如下: //不能直接获取每行的高 ...

  8. Struts2 Web Project 实现中文、英语的切换

    1.struts.xml文件部分配置: <package name="default" namespace="/login" extends=" ...

  9. 【转】Js获取当前日期时间及其它操作

    Js获取当前日期时间及其它操作 原文地址:http://www.cnblogs.com/carekee/articles/1678041.html var myDate = new Date();my ...

  10. MYSQL安装时解决要输入current root password的解决方法

    在装MYSQL的时候发现要输入current root password不记得以前在电脑里装过(你的系统曾经装过MYSQL在重装就会要求输入原来设定的密码,如果是第一次安装就不会出现),在网上苦苦搜寻 ...