第一部分:数据类型

javascript数据类型通常来说是6种(ES6新增第七种Symbol类型)

number:数值

string:字符串

boolean:布尔类型,true或false

undefined未赋值

null:空,值是“无”的状态

object:对象

通常number,string,boolean称为原始类型(primitive type)的值,即最基本的值,不能继续细分;而对象称为合成类型(complex type)的值,一个对象往往是多个原始类型的合成;而undefined和null是两个特殊的值!

对象可分为三个子对象:狭义的对象(object);数组(array);函数(function)。

javascript一切皆对象,即所有数据都可认为是广义的对象!

typeof运算符:确定一个值是什么类型;返回的是字符串类型。

 console.log(typeof 123);//'number'
console.log(typeof '123');//'string'
console.log(typeof true);//'boolean'
function test(){}
console.log(typeof test);//'function'
console.log(typeof undefined);//'undefined'
console.log(typeof null);//'object'
console.log(typeof []);
console.log(typeof window);

运行结果:

数值,字符串,布尔类型,函数,undefined返回的分别为number,string,boolean,function,undefined;

除此之外其它均返回object。

typeof可以用来检查一个没有申明或者没有被赋值的变量:

 if(typeof v === 'undefined'){
console.log('yes');
}

或者:

 var v;//注意这里
if(typeof v === 'undefined'){
console.log('yes');
}

运行结果皆是输出:yes。

null与undefined的比较:

两者其实语法效果几乎一样,这也是javascript设计的不足的表现之一!(谷歌开发的javascript语言替代品Dart语言,只有null,没有undefined)。

在if语句中,它们都会转为false;在==相等运算符中,两者相等!

唯一的区别恐怕就是:typeof null==='object',而typeof undefined==='undefined'

if(undefined){
console.log('nothing');
}else{
console.log('undefined 在if语句中会转化为false');
} if(!null){
console.log('null在if语句中会转化为false');
}
console.log(typeof null === 'object');
console.log(typeof undefined === 'undefined');

运行结果:

布尔值:

这些运算符会返回布尔值:&&(且),||(或),!(非),===,==,!==,!=,>,>=,<,<=

这六个值会某些预期位置上(比如if)上,会被转化为false:udefined,null,false,0,NaN,''和""(空字符串)!其余都将被转化为true!!!

注意字符串之间即使有空格存在,都不是空字符串!!!

其余均转化为true,如带有空格的字符串,空数组,空对象。

第二部分:数值

2.1 整数和浮点数

javascript内部,所有数字都是以64位浮点数存储。故而:

但是在作位运算时,因为位运算符只对整数起作用,所以此时会以32位带符号的整数进行运算,返回值也是32位带符号的整数!

由于浮点数不精确,所以涉及到小数的运算要小心:

2.2数值精度

根据国际标准IEEE 754,javascript浮点数的64个二进制位,从最左边开始,这样构成:

  • 第1位:符号位,0表示整数,1表示负数;
  • 第2~12位:指数部分;
  • 第13~64位:小数部分(有效数字)

IEEE 754规定,有效数字第一位默认是1,不保存在64位浮点数之中。因此javascript提供的有效数字最长为(13~64)+1=53个二进制位。

所以绝对值小于2的53次方的整数,即-(2^53-1) ~ 2^53-1,均能精确表示!

2.3数值范围

64位浮点数指数部分长度是11个二进制位,故指数最大值是2047(2^11-1)。分出一半表示负数,数值范围为2^1024~2^(-1023)【开区间】。

如果指数部分>=1024,javascript会返回Infinity(无限大),这称为“正向溢出”;如果<=-1023(即非常接近0),则返回0,这称为“负向溢出”!

具体的最大值和最小值:Number对象里面有MAX_VALUE和MIN_VALUE

安全的数值精度:Number对象里面有MAX_SAFE_INTEGER和MIN_SAFE_INTEGER

2.4数值进制:

  1. 十进制:正常的数值;
  2. 十六进制:前缀0x或0X;
  3. 八进制:前缀0o或0O;或者只有前缀0,但只用到0-7八个阿拉伯数字的值(不推荐,ES5严格模式和ES6均废除了这种写法)
  4. 二进制:前缀0b或0B

2.5 特殊数值

+0与-0;

javascript的64位浮点数之中,有一位是符号位,所以任意一个数(包括0)均有对应的负值

注意到+0,-0,0大多数情况下都是严格相等的!除了1/0是Infinity,1/-0是-Infinity

NaN:Not a Number,非数字

注意:NaN不等于任何值,包括它本身!同时它与任何数的运算,得到的都是NaN。

isNaN()方法用来判断一个值是否为NaN!

isNaN()只对数值有效;如果传入其它值,会先被转为数值。如:传入一个字符串,被转为NaN,最后返回true!

 Infinity:无穷大;-Infinity:负无穷大!(注意没有Finity常量这一说!)

注意:Infinity不能与NaN比较大小!除此之外的其它number类型数值均可以!

 isFinite():返回布尔值;检测某个值是不是有限的!

与数值有关的全局方法:parseInt()和parseFloat()

parseInt()用于将字符串转化为整数;参数如果不是字符串,会先转为字符串;字符串头部有空格,会被忽略;当遇到不是数值的字符,就不再进行下去;

返回值只有两种可能:NaN,十进制整数!

 console.log('parseInt()----');
console.log(parseInt('123'));
console.log(parseInt(123));//相当于console.log(parseInt('123'));
console.log(parseInt(' 123'));//忽略空格
console.log(parseInt('abc'));//第一个字符就不能转化为整数,返回NaN
console.log(parseInt('1234ab1234'));//返回1234
console.log(parseInt(0o12));//八进制数
console.log(parseInt(0x12));//十六进制数
console.log(parseInt(0b11));//二进制数
console.log(parseInt(+10));//返回10
// console.log(parseInt(++10));//报错

运行结果:

注意:对于有些会自动转化为科学计数法的数字,parseInt会将科学计数法的数字转化为字符串,所以会导致一些另类的结果:

parseInt()还能接受第二个参数(2~36之间),表示被解析的值得进制;结果返回十进制数;默认情况下,第二个参数是10,即10进制数转10进制数

第二个参数不在2到36之间的话,返回NaN;第二个参数是0,'23x',undefined等时,默认按10进制处理!

 console.log(parseInt(77,8));//8进制的77转10进制,得到7*8+7=63
console.log(parseInt(11,2));//2进制转10进制
console.log(parseInt(36,10));//与默认10进制转10进制效果一样!

parseFloat():用于将一个字符串转化为浮点数。

字符串符合科学计数法,会进行相应的转换;碰见字符串中不能转换为浮点数的字符时,停止转换,返回已转换好的部分;

 

参考:阮一峰javascript标准参考教程

javascript(二):数据类型&数值的更多相关文章

  1. JavaScript判断数据类型总结

    最近做项目中遇到了一些关于javascript数据类型的判断处理,上网找了一下资料,并且亲自验证了各种数据类型的判断网页特效,在此做一个总结吧! 一.JS中的数据类型  1.数值型(Number):包 ...

  2. 从头开始学JavaScript (三)——数据类型

    原文:从头开始学JavaScript (三)--数据类型 一.分类 基本数据类型:undefined.null.string.Boolean.number 复杂数据类型:object object的属 ...

  3. JavaScript基本数据类型

    JavaScript基本数据类型 在JavaScript种一共有6种数据类型:Null.Undefined.Boolean.String.Number.Object.其中Object是一种复杂数据类型 ...

  4. javaScript(4)---数据类型

    javaScript(4)---数据类型 第4章 数据类型 学习要点: 1.typeof操作符 2.Undefined类型 3.Null类型 4.Boolean类型 5.Number类型 6.Stri ...

  5. JavaScript基础——数据类型

    JavaScript使用数据类型来确定如何处理被分配给一个变量的数据.变量的类型决定了你可以对变量进行什么操作,如循环或者执行.下面描述了最常用的变量类型. 字符串(String):此数据类型将字符数 ...

  6. JavaScript 的数据类型 相关知识点

    (1)基本数据类型介绍 JavaScript的数据类型分为两类:原始类型(primitive type)和对象类型(object type) 或者说是:可以拥有方法的类型和不能拥有方法的类型 或者说是 ...

  7. JavaScript的数据类型

    JavaScript的数据类型 1.JavaScript的数据类型包括:字符串.数值.布尔.数组.对象.Null.Undefined. 2.JavaScript拥有动态类型,这以为着同一个变量可用作不 ...

  8. JavaScript 学习之第一篇JavaScript的数据类型(2016/8/29 晚 23:12)

    1. JavaScript的数据类型 JavaScript 里面有6中数据类型 Boolean String Number Undefined Null Object object(对象)类型包含了数 ...

  9. web前端(14)—— JavaScript的数据类型,语法规范1

    编辑器选择 对js的编辑器选用,有很多,能对html编辑的,也能对js编辑,比如notepad++,visual studio code,webstom,atom,pycharm,sublime te ...

  10. 1:Javascript的数据类型和相互转换

    第一节:JavaScript的数据类型 他是弱类型 var 但是正是由于其实弱类 所以其后台的数据类型转换也是我们值得思考的 JavaScript的数据类型有两种 一种是原始类型  另外一种是对象类型 ...

随机推荐

  1. 添加图片后xcode报错:resource fork, Finder information, or similar detritus not allowed

    /Users/songximing/Library/Developer/Xcode/DerivedData/Children-cvqgzlzddltkfndhdmzedxbnoxwx/Build/Pr ...

  2. java string和int之间的相互转化

    java 中string和int之间的相互转化 1 如何将字串 String 转换成整数 int? A. 有两个方法: 1). int i = Integer.parseInt([String]); ...

  3. 使用Python + Selenium打造浏览器爬虫

    Selenium 是一款强大的基于浏览器的开源自动化测试工具,最初由 Jason Huggins 于 2004 年在 ThoughtWorks 发起,它提供了一套简单易用的 API,模拟浏览器的各种操 ...

  4. javascript高级技巧篇(作用域安全、防篡改、惰性载入、节流、自定义事件,拖放)

    安全的类型检测 在任何值上调用Object原生的toString()方法,都会返回一个[object NativeConstructorName]格式字符串.每个类在内部都有一个[[Class]]属性 ...

  5. Javascript面向对象编程(二):构造函数的继承 作者:yuan一峰

    Javascript面向对象编程(二):构造函数的继承   作者: 阮一峰 日期: 2010年5月23日 这个系列的第一部分,主要介绍了如何"封装"数据和方法,以及如何从原型对象生 ...

  6. Linux 命令locate

    原文:https://blog.csdn.net/liang19890820/article/details/53285624 简述 locate 可以很快速的搜寻档案系统内是否有指定的档案.其方法是 ...

  7. c语言指针应用

    指针变量指向数组元素: #import <stdio.h> int main() { int a[10]={1,2,3,4,5,6,7,8,9,0}; int *p; p=a; for ( ...

  8. MongoDB limit 选取 skip跳过 sort排序 方法

    MongoDB  limit 选取 skip跳过 sort排序 在mysql里有order by  MongoDB用sort代替order by > db.user.find() { " ...

  9. zabbix 3.2源码安装

    环境: centos7.2 nginx 1.10.3 mysql 5.5.38 php 5.5.38 一.zabbix介绍 1.Zabbix是一个基于WEB界面的提供分布式系统监视以及网络监视功能的企 ...

  10. 敏捷开发— —Scrum 学习笔记

    敏捷开发模式是一种从1990年代开始逐渐引起广泛关注的一些新型软件开发方法,是一种应对快速变化的需求的一种软件开发能力.它们的具体名称.理念.过程.术语都不尽相同,相对于"非敏捷" ...