登录  /  注册
首页 > web前端 > js教程 > 正文
JavaScript数据类型学习笔记_javascript技巧
php中文网
发布： 2016-05-16 15:18:24
原创
942人浏览过

ECMAscript 中有5种简单的数据类型，也被称为基本数据类型：Undefined、Null、Boolean、Number和String。还有一种复杂的数据类型——Object。

Undefined 类型

在使用var 声明变量但未对其进行初始化时，这个变量的值就是undefined。如：

var number;
document.write(number); //undefined
登录后复制

如果没有声明变量则会出现下面这种错误。如：

document.write(str); //错误
登录后复制

但是用typeof对其进行执行时，不管有没有声明都会返回undefined 值。如：

var num;
document.write(typeof num); //undefined
document.write(typeof str); //undefined
登录后复制

Null 类型

使用typeof检测null 时会返回"object"。如：

var num = null;
document.write(typeof num); //object
登录后复制

实际上undefined 值是派生自null 值的，因此他们相等都会返回true。如：

alert(null == undefined); //true
登录后复制

这里要注意的是，只要意在保存对象的变量还没有真正保存对象，就应该明确地让该变量保存null 值，此举有助于区分null 和 undefined。如：

var num1 = null;
var num2;
document.write(typeof num1 + " " + typeof num2); //object undefined
登录后复制

Boolean 类型

要将一个值转换为其对应的Boolean 值，可以使用转型函数Boolean()。如：

var str = "helloworld";
document.write(Boolean(str)); //true
登录后复制

《JavaScript高级编程设计》一书中的3.4.4中给出了关于各种数据类型及其对应的转换规则表格。大概有以下几种：

  • 数据类型为String 时，任何非空字符串都会转换为true；
  • 数据类型为Number 时，除了0 和NaN 会被转换为false 之外，其他都会转换为true；
  • 数据类型为Object 时，除了null 之外，都会转换为true；
  • 数据类型为Undefined 时，n/a 会被转换为true，undefined 会被转换为false；

这里要注意的是，if 语句经常使用自动执行响应的Boolean 转换作为条件。如：

var str = "helloworld";
if (str){
  document.write("hellothere");
} //hellothere
登录后复制

Number 类型

除了可以以十进制表示之外，整数还可以通过八进制或者十六进制的字面值来表示，其中八进制字面值的第一位必须是0，然后是八进制数字序列（0~7）。如：

var num1 = 070; //八进制的56
var num2 = 032; //八进制的32
var num3 = 079; //错误的八进制（>7）
var num4 = 09; //错误的八进制（>7）
登录后复制

十六进制字面值的前两位必须是0x，后面跟任何十六进制数（0~9 及 A~F）。如：

var num1 = 0xA; //十六进制的10
var num1 = 0xa; //也是十六进制的10（字母不区分大小写）
登录后复制

浮点数值

这里要注意的是，永远不要比较特定的浮点数值。如：

var a = 0.1;
var b = 0.2;
if (a + b == 0.3){
  document.write("you are right")
} //因为0.1 加上0.2 实际上等于0.30000000000000004
登录后复制

数值范围

ECMAScript 能够表示的最大和最小数值保存在Number.MAX_VALUE 和Number.MIN_VALUE 之中。要想确定一个数值是不是有穷的，可以使用isFinite()函数。如：

document.write(isFinite(Number.MAX_VALUE + Number.MAX_VALUE)); //false
登录后复制

NaN

0 除以0 会返回NaN，正数除以0 会返回Infinity，复数则会返回-Infinity。其次，NaN 与任何数值都不相等，包括它本身。另外函数isNaN()可以帮助我们确定这个参数是否“不是数值”。如：

document.write(isNaN("a")); //true;
document.write(isNaN("324")); //false;
document.write(isNaN(true)); //false;
document.write(isNaN(false)); //false;
document.write(isNaN(NaN)); //true;
登录后复制

数值转换

有三个函数可以把非数值转换为数值：Number()、parseInt()、parseFloat()。

Number()的转换规则如下：

如果是Boolean 值，true 和false 会被转换为1 和0。
如果是数字值，则不变。
如果是null 值，则转换为0。
如果是undefined，返回NaN。
如果是字符串则遵循下列规则：

  • 如果只有数字，则转换为十进制数值。
  • 如果是浮点格式，则将其转换成对应的浮点数值。同样也会忽略前导零。
  • 如果是十六进制格式则会转换成十进制数。
  • 如果字符串是空的，则会转换成0。
  • 其他情况则会转换为NaN。

具体看下面的例子：

document.write(Number(true)); //1
document.write(Number(false)); //0
document.write(Number("789")); //789
document.write(Number(null)); //0
document.write(Number(undefined)); //NaN
document.write(Number("02.0942")); //2.0942
document.write(Number(0xa)); //10
document.write(Number("")); //0
document.write(Number("fdsa")); //NaN
登录后复制

parseInt()的转换规则如下：

  • 如果第一个字符不是数字字符或者符号，parseInt()会返回NaN。
  • 用parseInt()转换空字符串会返回NaN。
  • 如果第一个字符是数字字符，它会继续解析第二个字符，直到遇到了一个非数字字符.

下面是具体的例子：

document.write(parseInt("fds")); //NaN
document.write(parseInt("")); //NaN
document.write(parseInt("1111112abc")); //1111112
document.write(parseInt("-1111112abc")); //-1111112
document.write(parseInt("+1111112abc")); //-1111112
document.write(parseInt("0xa")); //10
document.write(parseInt("0022.00009")); //22
document.write(parseInt("070")); //ECMAScript 3认为是56（八进制）， ECMAScript 5认为是70（十进制）
登录后复制

另外需要注意的是，ECMAScript 5已经不具备解析八进制值的能力了所以为了消除这个问题，可以为这个函数提供第二个参数：转换时使用的基数（多少进制），具体如下：

document.write(parseInt("070",10)); //70
document.write(parseInt("070",8)); //56
document.write(parseInt("070",16)); //112
登录后复制

多数情况下，最好默认设置成10进制。

parseFloat()的转换规则如下：

  • 与parseInt()类似，不同的是字符串第一个小数点是有效的，而从第二个小数点开始包括第二个小数点是无效的。
  • 他不能解析十六进制数值！！！
  • 他只能解析十进制数值！！！
  • 他没有用第二个基数来指定进制的用法。

下面是具体的例子：

document.write(parseFloat("421")); //421
document.write(parseFloat("0421.32.1")); //421.32
document.write(parseFloat("0xaafd")); //0
document.write(parseFloat("070")); //70
document.write(parseFloat("070abc")); //70
document.write(parseFloat("")); //NaN
document.write(parseFloat("abc")); //NaN
登录后复制

String 类型

要把一个值转换成字符串有两种方式。第一种是使用几乎每个值都有的toString()方法。如下：

document.write((533).toString(10)); //"533"
document.write((0xa).toString(10)); //"10"
document.write((0xa).toString(2)); //"1010"
document.write((true).toString(10)); //"true"
document.write((false).toString(10)); //"false"
登录后复制

另外需要注意的是，null 和 undefined 不能转换。

document.write((null).toString(10)); //
document.write((undefined).toString(10)); //
登录后复制

如果不知道需要转换的数值是否是null 或者undefined 则应该使用转型函数String()，如果是null 会返回"null"如果是undefined 会返回"undefined"。如下：

document.write(String(null)); //"null"
document.write(String(undefined)); //"undefined"
登录后复制

另外在下一篇文章中再详细介绍Object 类型。

以上就是关于JavaScript数据类型的简单介绍，希望对大家学习JavaScript数据类型有所帮助。

相关标签：
JavaScript 数据类型
来源：php中文网
上一篇：JavaScript基础知识之方法汇总结_javascript技巧 下一篇：javascript产生随机数方法汇总_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 技术文章
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2023 //m.sbmmt.com/ All Rights Reserved | 苏州跃动光标网络科技有限公司 | 苏ICP备2020058653号-1

 | 本站CDN由 数掘科技 提供

登录PHP中文网，和优秀的人一起学习！
全站2000+教程免费学
微信扫码登录

  • 精品班

  • 立即咨询

  • 微信沟通

  • QQ群

  • 优惠券

  • 返回顶部