JavaScript 学习笔记之数据类型


Posted in Javascript onJanuary 14, 2015

一、分类

基本数据类型:undefined、null、string、Boolean、number

复杂数据类型:object

object的属性以无序的名称和值对的形式 (name : value) 来定义

二、详解

1、undefined:undefined类型只有一个值:undefined,在使用var对变量进行声明但未初始化时,这个变量的值就是undefined.

包含undefined值的变量与尚未定义的变量是不一样的,以下这个例子可以说明:

    var demo1;//声明但未初始化

    alert(demo1);//undefined

    alert(demo2);//报错,demo2 is not defined

2、null:null类型只有一个值:null,从逻辑角度来看,null值表示一个空对象指针.

如果定义的变量准备在将来用于保存对象,那么最好将该变量初始化为null而不是其他值。这样一来,只要直接检测null值就可以知道相应的变量是否已经保存了一个对象的引用了,例如:

    if(car != null)

    {

        //对car对象执行某些操作

    }

实际上,undefined值是派生自null值的,因此ECMA-262规定对它们的相等性测试要返回true。

alert(undefined == null); //true

尽管null和undefined有这样的关系,但它们的用途完全不同。无论在什么情况下都没有必要把一个变量的值显式地设置为undefined,可是同样的规则对null却不适用。换句话说,只要意在保存对象的变量还没有真正保存对象,就应该明确地让该变量保存null值。这样做不仅可以体现null作为空对象指针的惯例,而且也有助于进一步区分null和undefined。

3、Boolean:Boolean类型有两个值:true和false,这两个值与数字值不是一回事,因此true不一定等于1,而false也不一定等于0。

需要注意的是:Boolean类型的字面值是区分大小写的,也就是说,True和False(以及其他形式的大小写混合)都不是Boolean值,只是标识符。

 虽然Boolean类型的字面值只有两个,但JavaScript中所有类型的值都有与这两个Boolean值等价的值。要将一个值转换为其对应的Boolean值,可以调用类型转换函数Boolean(),例如:

    var message = 'Hello World';

    var messageAsBoolean = Boolean(message);

在这个例子中,字符串message被转换成了一个Boolean值,该值被保存在messageAsBoolean变量中。可以对任何数据类型的值调用Boolean()函数,而且总会返回一个Boolean值。至于返回的这个值是true还是false,取决于要转换值的数据类型及其实际值。下表给出了各种数据类型及其对象的转换规则。

这些转换规则对理解流控制语句(如if语句)自动执行相应的Boolean转换非常重要,例如:

var message = 'Hello World';

    if(message)//相当于if(Boolean(message)==true)

    {

        alert("Value is true");//Value is true

}

由于存在这种自动执行的Boolean转换,因此确切地知道在流控制语句中使用的是什么变量至关重要。

4、number:整数和浮点

4.1 整数:在进行计算时,所有的八进制和十六进制数都会被换算成十进制

4.2 浮点:浮点数值的最高精度是17位,因此在算数计算时其精度远远不如整数,例如:0.1+0.2的结果不是0.3,而是0.30000000000000004.例如:

a=0.2;

b=0.1;

if(a+b==0.3){

alert("hello");

}

else{

alert("hi");

}

结果会弹出“hi”,因此不要测试某个特定的浮点数值。

4.3 NaN:非数值 Not a Number,这个数值用于表示一个本来要返回数值的操作数未返回数值的情况(这样就不会抛出错误了)。

NaN本身有两个非同寻常的特点。首先,任何涉及NaN的操作(例如NaN/10)都会返回NaN,这个特点在多步计算中有可能导致问题。其次,NaN与任何值都不相等,包括NaN本身。例如:

alert(NaN == NaN);    //false

JavaScript中有一个isNaN()函数,这个函数接受一个参数,该参数可以是任何类型,而函数会帮我们确定这个参数是否“不是数值”。isNaN()在接收一个值之后,会尝试将这个值转换为数值。某些不是数值的值会直接转换为数值,例如字符串”10“或Boolean值。而任何不能被转换为数值的值都会导致这个函数返回true。例如:

    alert(isNaN(NaN));    //true

    alert(isNaN(10));    //false(10是一个数值)

    alert(isNaN("10"));    //false(可能被转换为数值10)

    alert(isNaN("blue"));    //true(不能被转换为数值)

    alert(isNaN("bule123")); //ture(不能被转换为数值)

    alert(isNaN(true));    //false(可能被转换为数值1)

有3个函数可以把非数值转换为数值:Number()、parseInt()和parseFloat()。第一个函数,即转型函数Number()可以用于任何数据类型,而另外两个函数则专门用于把字符串转换成数值。这3个函数对于同样的输入会返回不同的结果。

Number()函数的转换规则如下:

● 如果是Boolean值,true和false将分别被替换为1和0

● 如果是数字值,只是简单的传入和返回

● 如果是null值,返回0

● 如果是undefined,返回NaN

● 如果是字符串,遵循下列规则:

 ○ 如果字符串中只包含数字,则将其转换为十进制数值,即”1“会变成1,”123“会变成123,而”011“会变成11(前导的0被忽略)

 ○ 如果字符串中包含有效的浮点格式,如”1.1“,则将其转换为对应的浮点数(同样,也会忽略前导0)

 ○ 如果字符串中包含有效的十六进制格式,例如”0xf“,则将其转换为相同大小的十进制整数值

 ○ 如果字符串是空的,则将其转换为0

 ○ 如果字符串中包含除了上述格式之外的字符,则将其转换为NaN

● 如果是对象,则调用对象的valueOf()方法,然后依照前面的规则转换返回的值。如果转换的结果是NaN,则调用对象的toString()方法,然后再依次按照前面的规则转换返回的字符串值。

    var num1 = Number("Hello World");    //NaN

    var num2 = Number("");                //0

    var num3 = Number("000011");        //11

    var num4 = Number(true);            //1

由于Number()函数在转换字符串时比较复杂而且不够合理,因此在处理整数的时候更常用的是parseInt()函数,而处理浮点数的时候常用parseFloat()函数,详见:http://www.cnblogs.com/yxField/p/4167954.html

5、String

String类型用于表示由零或多个16位Unicode字符组成的字符序列,即字符串。字符串可以由单引号(')或双引号(")表示。

    var str1 = "Hello";

    var str2 = 'Hello';

任何字符串的长度都可以通过访问其length属性取得

alert(str1.length);        //输出5

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

    var age = 11;

    var ageAsString = age.toString();    //字符串"11"

    var found = true;

    var foundAsString = found.toString();    //字符串"true"

数值、布尔值、对象和字符串值都有toString()方法。但null和undefined值没有这个方法。

多数情况下,调用toString()方法不必传递参数。但是,在调用数值的toString()方法时,可以传递一个参数:输出数值的基数。

    var num = 10;

    alert(num.toString());      //"10"

    alert(num.toString(2));     //"1010"

    alert(num.toString(8));     //"12"

    alert(num.toString(10));    //"10"

    alert(num.toString(16));    //"a"

通过这个例子可以看出,通过指定基数,toString()方法会改变输出的值。而数值10根据基数的不同,可以在输出时被转换为不同的数值格式。

在不知道要转换的值是不是null或undefined的情况下,还可以使用转型函数String(),这个函数能够将任何类型的值转换为字符串。String()函数遵循下列转换规则:

● 如果值有toString()方法,则调用该方法(没有参数)并返回相应的结果

● 如果值是null,则返回"null"

● 如果值是undefined,则返回”undefined“

6、object

 对象其实就是一组数据和功能的集合。对象可以通过执行new操作符后跟要创建的对象类型的名称来创建。而创建Object类型的实例并为其添加属性和(或)方法,就可以创建自定义对象。

var o = new Object();

object类型所具有的任何属性和方法也同样存在于更具体的对象中,Object的每个实例都具有下列属性和方法:

● constructor(构造函数)——保存着用于创建当前对象的函数

● hasOwnProperty(propertyName)——用于检查给定的属性在当前对象实例中(而不是在实例的原型中)是否存在。其中,作为参数的属性名(propertyName)必须以字符串形式指定(例如:o.hasOwnProperty("name"))

● isPrototypeOf(object)——用于检查传入的对象是否是另一个对象的原型

● propertyIsEnumerable(propertyName)——用于检查给定的属性是否能够使用for-in语句来枚举

● toString()——返回对象的字符串表示

● valueOf()——返回对象的字符串、数值或布尔值表示。通常与toString()方法的返回值相同。

 三、小测试

 

typeof(NaN)

typeof(Infinity)

typeof(null)

typeof(undefined)

很多面试都会问到上面几个小问题哒~~

以上就是这6种javascript数据类型的介绍了,小伙伴们是否了解清楚了呢,希望看完本文后大家能有所提高。

Javascript 相关文章推荐
JavaScript Chart 插件整理
Jun 18 Javascript
基于jquery的使ListNav兼容中文首字拼音排序的实现代码
Jul 10 Javascript
js 事件截取enter按键页面提交事件示例代码
Mar 04 Javascript
jquery地址栏链接与a标签链接匹配之特效代码总结
Aug 24 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记8)
Dec 24 Javascript
jQuery实现页面点击后退弹出提示框的方法
Aug 24 Javascript
Bootstrapvalidator校验、校验清除重置的实现代码(推荐)
Sep 28 Javascript
JavaScript实现定时页面跳转功能示例
Feb 14 Javascript
详解redux异步操作实践
Aug 15 Javascript
Vue中使用vux配置代码详解
Sep 16 Javascript
Node.js Domain 模块实例详解
Mar 18 Javascript
一篇文章学会Vue中间件管道
Jun 20 Vue.js
ExpressJS入门实例
Jan 14 #Javascript
jquery加载图片时以淡入方式显示的方法
Jan 14 #Javascript
JavaScript 学习笔记之变量及其作用域
Jan 14 #Javascript
jquery简单图片切换显示效果实现方法
Jan 14 #Javascript
Node.js开发之访问Redis数据库教程
Jan 14 #Javascript
Backbone.js中的集合详解
Jan 14 #Javascript
jquery增加和删除元素的方法
Jan 14 #Javascript
You might like
jq的get传参数在utf-8中乱码问题的解决php版
2008/07/23 PHP
PHP5.3新特性小结
2016/02/14 PHP
php通过各种函数判断0和空
2020/07/04 PHP
php中如何执行linux命令详解
2018/11/06 PHP
[原创]网络复制内容时常用的正则+editplus
2006/11/30 Javascript
学习YUI.Ext第七日-View&JSONView Part Two-一个画室网站的案例
2007/03/10 Javascript
jQuery示例收集
2010/11/05 Javascript
javascript写的简单的计算器,内容很多,方法实用,推荐
2011/12/29 Javascript
jQuery判断checkbox是否选中的小例子
2013/12/02 Javascript
浅谈Javascript 执行顺序
2013/12/18 Javascript
jquery获取radio值(单选组radio)
2014/10/16 Javascript
javascript实现完美拖拽效果
2015/05/06 Javascript
JQuery通过AJAX从后台获取信息显示在表格上并支持行选中
2015/09/15 Javascript
JavaScript动态创建form表单并提交的实现方法
2015/12/10 Javascript
JavaScript中的操作符类型转换示例总结
2016/05/30 Javascript
Javascript iframe交互并兼容各种浏览器的解决方法
2016/07/12 Javascript
14 个折磨人的 JavaScript 面试题
2016/08/08 Javascript
JS判断输入的字符串是否是数字的方法(正则表达式)
2016/11/29 Javascript
Vue 过渡(动画)transition组件案例详解
2017/01/22 Javascript
Vue2.0点击切换类名改变样式的方法
2018/08/22 Javascript
nodejs高大上的部署方式(PM2)
2018/09/11 NodeJs
详解webpack打包nodejs项目(前端代码)
2018/09/19 NodeJs
微信小程序地图(map)组件点击(tap)获取经纬度的方法
2019/01/10 Javascript
VUE+elementui面包屑实现动态路由详解
2019/11/04 Javascript
angular *Ngif else用法详解
2020/12/15 Javascript
关于python多重赋值的小问题
2019/04/17 Python
详解Numpy中的数组拼接、合并操作(concatenate, append, stack, hstack, vstack, r_, c_等)
2019/05/27 Python
python 爬取学信网登录页面的例子
2019/08/13 Python
Python实现变声器功能(萝莉音御姐音)
2019/12/05 Python
Python中Subprocess的不同函数解析
2019/12/10 Python
django xadmin 管理器常用显示设置方式
2020/03/11 Python
利用jupyter网页版本进行python函数查询方式
2020/04/14 Python
Python设计密码强度校验程序
2020/07/30 Python
配置管理计划的主要内容有哪些
2014/06/20 面试题
python基于tkinter实现gif录屏功能
2021/05/19 Python
Redis可视化客户端小结
2021/06/10 Redis