首先说说JS数据类型的分类。分为标准型和typeof类型(即控制台打印,浏览器区分)

标准型:基本类型中有:number、string、boolean、undefined、null  复合类型:object (对象,array数组也算在里面了)。

typeof型:number、string、boolean、undefined、function、object 。

以上两者主要区分为: 公共的都有number(NAN也是number类型中的)、string、boolean、undefined、object(包含了array和null) , typeof里的有function即函数。然后Null  typeof类型其实也是object。在标准型中,它是特殊的一个,叫空对象。空对象做不了属性操作同时不能添加自定义属性,也没有方法,这里需要特别注意的是它跟空数组的区别,空数组虽然也是对象类型,但不能把它跟空对象混为一谈,因为它本身是有属性和方法的,只是暂时内部没有成员而已。数组本身也是有下标有长度的,对象是不具有下标和长度一说的。

数据类型中的方法

1.parseInt   从左向右去查看需要转换的目标,如果碰到一位是非数字的,结束执行,返回之前的数字。 parseInt   (100px)=100;

2. parseFloat 从左向右去查看需要转换的目标,如果碰到一位是非数字的,结束执行,返回之前的数字,可识别小数点。parseFloat (.12px)=0.12,parseFloat (13.24abc)=13.24

3.Number 强制转换 从左向右看完所有的字符,如果符合数字规则就转换它,不然就转为NaN. Number (false)=0,Number(null)=0,Number(document)=NaN,转换空字符串结果也为0,带空格的字符串也为0, 空对象则为NAN。转换undefined则为NAN.特殊情况面对数组时,如果数组为空,则结果为0,如果数组只有一个成员,则用这个成员去转换,如果数组成员为多个时,则为NAN。Number(.12)=0.12.

4.字符串转换方法 var a=123, a=a.toString()或者a=String(a)

5.Boolean 布尔值转换  它对空字符串的转换为false,空格字符串则为true。真:true,非空字符串,非0数字,非空对象,假: false, 空字符串,0,NaN,null,undefined。

6 强制类型转换,或者显示类型转换
   parseInt/parseFloat/Number

7  隐式类型转换:
    浏览器自己进行转换,其他类型转换成数字,主要调去Number

+,+=
         1. 当加号左右两测有一位是字符串是,会把另外一也转成字符串
         2. 使用+号时,两边没有字符串时,优先尝试把左右两侧都转换成数字,如果不能转换成数字就转换成字符串进行连接

-,*,/,%,-=,*=,/=,%=
          运算符左右两侧转换成数字进行运算

例子:

var a = 10;
var b = "10";
console.log(a + b);
// + 号 碰到字符串的时候,就会把两侧的内容都转换成字符串,执行字符串连接
var a = 10;
var b = true;
console.log(a + b);

// + 号的两侧没有字符串,则优先转换成数字,进行+法运算
var a = 10;
var b = function(){};
console.log(a + b);
// + 号的两侧没有字符串,则优先转换成数字,进行+法运算,如果不能转换成数字,则转换成字符串进行字符串连接。

-,*,/,% 这些运算符都是只有数字运算的功能,所以在使用的时候,都会去把其他类型转换成数字。

关系运算符
<、>、<=、>=、==、!=、===、!==
比较后都会返回布尔值
== 和 ===,以及 !=和!==的区别

== 和 != 会进行隐式类型转换,把左右两侧的数据类型转换成一样的之后,再去比较

===和!== 进行比较的时候,也会比较数据类型,数据类型不会进行比较,判定两边不相等

&& 与、|| 或、! 否  返回的结果都是 true和 false

简短总结归类:

数据类型:
1. 标准划分:
基本类型: number/string/boolean/undefined/null
对象类型(复合类型):object(包含Array)
2. typeof(运算符,查看数据类型):
number:
Number.POSITIVE_INFINITY 正无穷
Number.NEGATIVE_INFINITY 负无穷
从负无穷到正无穷的数字以及NaN

string:包含在引号''中的一串字符
undefine:无定义
boolean: true、false
object: Array、object、Element、null
function :   null:空对象 (null不能进行属性操作)数据类型: object

NaN: 非数字
1. NaN不等于任何东西,并且不等于它自己
2. 检测一个内容是否是NaN的时候,可以使用isNaN();
3. 数据类型:number
4. isNaN() return: true/false, isNaN隐式调用了number

强制类型转换:
强制转换为数字:
parseInt(要转换的内容)、parseFloat(要转换的内容)
从左向右一位位转换,碰到一位非数字,就把之前的内容提取出来,如果第0位就是非数字,结果NaN
Number(要转换的内容):
先看完整个内容,然后整体去转换数字
1. true 1/false 0;
2. [] 0
3. ["2"] 转换数组的第0位
4. [2,3] 转换NaN
返回值都是一个数字

强制转换为字符串
1. 要转换的内容.toString()
2. String(要转换的内容)

强制转换为布尔值:
Boolean(要转换的内容);

1. 真: true、非0数字、非空对象、非空字符串

2. 假: false、NaN、0、null、空字符串、undefined

JS中的数据类型小结的更多相关文章

  1. js中的数据类型

    JS中的数据类型: ——数字  (number)NaN ——字符串(string) ——布尔  (boolean)——函数  (function)     也是对象的一种 ——对象  (object) ...

  2. 如何判断js中的数据类型?

    js六大数据类型:number.string.object.Boolean.null.undefined string: 由单引号或双引号来说明,如"string" number: ...

  3. 如何判断js中的数据类型

    如何判断js中的数据类型:typeof.instanceof. constructor. prototype方法比较 如何判断js中的类型呢,先举几个例子: var a = "iamstri ...

  4. [转]如何判断js中的数据类型

    原文地址:http://blog.sina.com.cn/s/blog_51048da70101grz6.html 如何判断js中的数据类型:typeof.instanceof. constructo ...

  5. 浅谈js中的数据类型,使用typeof获取js数据类型

    JS中的数据类型 1):Undefined——值未定义 注:Undefined类型只有一个值,即特色的undefined.在使用var声明变量但未对其加以初始化时,这个变量的值就是undefined ...

  6. 如何判断js中的数据类型(转)

    如何判断js中的数据类型:typeof.instanceof. constructor. prototype方法比较 如何判断js中的类型呢,先举几个例子: var a = "iamstri ...

  7. 判断js中的数据类型

    如何判断js中的数据类型:typeof.instanceof. constructor. prototype方法比较 如何判断js中的类型呢,先举几个例子: var a = "iamstri ...

  8. js中的数据类型及其转换

    Js中的数据类型 Js中的数据类型一共有六种,即number,string,boolean,underfine,null,object. 一,number Number数据类型指的是数字,可以为整型, ...

  9. JS中的数据类型和转换

    一.JS中的数据类型 js中的数据类型可以分为五种:number .string .boolean. underfine .null. number:数字类型 ,整型浮点型都包括. string:字符 ...

随机推荐

  1. 微信小程序 服务器端生成用户登陆环节的 3rd_session

    一.环境: CentOS 6.8 nginx 1.8.0 php 7.0.10 二.背景 最近在开发一个微信小程序,不可避免的涉及到登陆的环节,登录时序图如下: 通过 wx.login() 获取到用户 ...

  2. Mybatis Dynamic Query 框架整合

    项目地址:https://github.com/wz2cool/mybatis-dynamic-query 文档地址:https://wz2cool.gitbooks.io/mybatis-dynam ...

  3. 一个最最简易的RPC框架雏形---转载自梁飞的博客

    查阅RPC与HTTP区别的时候, 无意间发现一篇博客,内容是一个简易的RPC服务框架, 仔细一看, 不得了,博主竟然就是阿里dubbo的作者. 原文链接在此: http://javatar.iteye ...

  4. 关于JavaScript组件化的探索

    Loaders 先放出项目地址:https://github.com/j20041426/Loaders 这是一个可以动态选择加载动画的样式和颜色的插件.这个项目仅仅是作为对js组件化的一个探索,不太 ...

  5. python-插入排序

    所谓插入排序,就是检查第i个数字,若比它的左边的数字小,则进行交换,一直持续这个动作,直到它的左边的数字比它还要小,则停止. #coding:utf-8def insertion_sort(nums) ...

  6. caffe数据读取的双阻塞队列说明

    caffe的datareader类中 class QueuePair { public: explicit QueuePair(int size); ~QueuePair(); BlockingQue ...

  7. Python爬虫从入门到放弃(二十)之 Scrapy分布式原理

    关于Scrapy工作流程回顾 Scrapy单机架构 上图的架构其实就是一种单机架构,只在本机维护一个爬取队列,Scheduler进行调度,而要实现多态服务器共同爬取数据关键就是共享爬取队列. 分布式架 ...

  8. Fail2防止sshd暴力破解

    简介: fail2ban是一款实用软件,可以监视你的系统日志,然后匹配日志的错误信息(正则式匹配)执行相应的屏蔽动作.支持大量服务.如sshd,apache,qmail,proftpd,sasl等等 ...

  9. swift UITextView内容距离边框边距设置

    des_textView.textContainerInset = UIEdgeInsets(top: 5, left: 10, bottom: 5, right: 10) 设置对应的四个边距的值

  10. HPU--1091 N!的位数

    1091: N!的位数 [数学] 时间限制: 1 Sec 内存限制: 128 MB提交: 97 解决: 12 统计 题目描述 我们知道n!=n*(n-1)*(n-2)*-*2*1. 那么给定一个n,n ...