javascript(二):数据类型&数值

时间:2021-11-26 09:04:22

第一部分:数据类型

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);

运行结果:

javascript(二):数据类型&数值

数值,字符串,布尔类型,函数,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');

运行结果:

javascript(二):数据类型&数值

布尔值:

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

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

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

javascript(二):数据类型&数值

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

javascript(二):数据类型&数值

第二部分:数值

2.1 整数和浮点数

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

javascript(二):数据类型&数值

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

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

javascript(二):数据类型&数值

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,均能精确表示!

javascript(二):数据类型&数值

2.3数值范围

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

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

javascript(二):数据类型&数值

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

javascript(二):数据类型&数值

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

javascript(二):数据类型&数值

2.4数值进制:

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

2.5 特殊数值

+0与-0;

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

javascript(二):数据类型&数值

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

NaN:Not a Number,非数字

javascript(二):数据类型&数值

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

javascript(二):数据类型&数值

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

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

javascript(二):数据类型&数值

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

javascript(二):数据类型&数值

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

javascript(二):数据类型&数值

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

javascript(二):数据类型&数值

与数值有关的全局方法: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));//报错

运行结果:

javascript(二):数据类型&数值

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

javascript(二):数据类型&数值

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

javascript(二):数据类型&数值

第二个参数不在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标准参考教程

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

  1. JavaScript判断数据类型总结

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

  2. 从头开始学JavaScript &lpar;三&rpar;——数据类型

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

  3. JavaScript基本数据类型

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

  4. javaScript&lpar;4&rpar;---数据类型

    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的数据类型&lpar;2016&sol;8&sol;29 晚 23&colon;12&rpar;

    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. ASP&period;Net和新对象之context&period;Server

    描述 Server是一个HttpServerUtility类型的对象,不是一个类名 1.获取服务器上的绝对路径文件名tring ss = context.Server.MapPath("~/ ...

  2. iOS学习笔记之回调(二)

    写在前面 上一篇学习笔记中简单介绍了通过目标-动作对实现回调操作:创建两个对象timer和logger,将logger设置为timer的目标,timer定时调用logger的sayOuch函数.在这个 ...

  3. 【转】Open Live Writer 插件更新

    一.更新内容 cnblog 页签中增加 Lua 和 Matlab 语法高亮:(SyntaxHighlight 页签中尚未添加) 增加折叠区域插件,见效果展示: 增加 bat 执行文件,直接拷贝插件所需 ...

  4. ngnix 配置

    #运行用户 user www-data;     #启动进程,通常设置成和cpu的数量相等 worker_processes  1; #全局错误日志及PID文件 error_log  /var/log ...

  5. git 删除远程master 分支

    ➜  fekit-extension-yo git:(dev) git push origin :master remote: error: By default, deleting the curr ...

  6. &lbrack;转&rsqb;android4&period;0&period;3 修改启动动画和开机声音

    本文转自:http://www.cnblogs.com/jqyp/archive/2012/03/07/2383973.html 1. Linux 系统启动,出现Linux小企鹅画面(reboot)( ...

  7. 添加 hexo yilia 主题的文章阅读量

    根据此篇博客(点击查看) 配置出自己的博客阅读量,里面介绍了如何配置开通 leancloud 应用 当然介绍我如何配置 yilia 显示自己的浏览量的. 首先在 yilia 主题下修改 _config ...

  8. 利用Module模块把构建的神经网络跑起来

    训练一个神经网络往往只需要简单的几步: 准备训练数据 初始化模型的参数 模型向往计算与向后计算 更新模型参数 设置相关的checkpoint 如果上述的每个步骤都需要我们写Python的代码去一步步实 ...

  9. 一个diff工具,用于判断两个目录下所有的改动&lpar;比较新旧版本文件夹&rpar;

    需求: 编写一个diff工具,用于判断两个目录下所有的改动 详细介绍: 有A和B两个目录,目录所在位置及层级均不确定 需要以B为基准找出两个目录中所有有改动的文件(文件或内容增加.修改.删除),将有改 ...

  10. Android 弹出有确认按键的对话

    //弹出对话框-------------------------------------------------- private void openDialog(String strMsg, Str ...