微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。
问题描述
每一种计算机语言都有自己的数据结构和数据类型，JavaScript脚本语言中则是采用弱数据类型的方式，即一个数据不必首先做声明，可以在使用或赋值时再确定其数据的类型，接下来就介绍一下JavaScript数据类型的使用。
解决方案
1 typeof运算符的使用
typeof运算符有一个参数，即要检查的变量或值。例如：
var one = "test string"; alert(typeof one);//输出“string” alert(typeof 86);//输出“number” |
对变量或值，调用typeof将返回下列值之一：
（1）undefined：如果变量时Undefined类型的；
（2）boolean:如果变量是Boolean类型的；
（3）number：如果变量是Number类型的；
（4）string: 如果变量是String类型的；
（5）object: 如果变量是一种引用类型或Null类型的；
2 undefined运算符的使用
undefined是未定义类型的变量，表示变量还没有赋值，如 var a;或者赋予一个不存在的属性值，例如 var a =String.notProperty 。
在JavaScript中有一种特殊的数字常量NaN,表示“非数值”，当在程序中由于某种原因发生计算错误后，将产生一个没有意义的数值，此时JavaScript返回的数值就是NaN。
示例：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>javascript数据类型的使用</title> </head> <body> <script type="text/javascript"> var xiaozhan; document.write(xiaozhan + "<br/>") </script> </body> </html> |
运行效果：
图1.1 undefined运算符的使用
3 null类型的使用
JavaScript中的关键字null是一个特殊的值，表示空值，用于定义空的或者不存在的引用。不过null不等同于空的字符串或0。由此可见null与undefined的区别是：null表示一个变量被赋予了一个空值，而undefined则表示该变量还未被赋值。
示例：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>javascript数据类型的使用</title> </head> <body> <script type="text/javascript"> var xiaozhan; document.write(xiaozhan + "<br/>") var longlong = null; document.write(longlong + "<br/>") </script> </body> </html> |
运行结果：
图1.2 null类型的使用
4 Boolean类型的使用
布尔类型Boolean表示一个逻辑数值，用于表示两种可能的情况。逻辑真用true表示；逻辑假用false表示。通常我们使用1表示真，0表示假。
示例：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>javascript数据类型的使用</title> </head> <body> <script type="text/javascript"> var a1 = Boolean(""); var a2 = Boolean("a"); var a3 = Boolean("0"); var a4 = Boolean("1"); var a5 = Boolean("-1"); var a6 = Boolean(null); var a7 = Boolean(undefined); var a8 = Boolean(new Object()); document.write(a1+"<br/>"); document.write(a2+"<br/>"); document.write(a3+"<br/>"); document.write(a4+"<br/>"); document.write(a5+"<br/>"); document.write(a6+"<br/>"); document.write(a7+"<br/>"); document.write(a8+"<br/>"); </script> </body> </html> |
运行效果：
图1.3 Boolean类型的使用
5 Number类型的使用
JavaScript的数值类型可以分为四种，整数、浮点数、内部常数和特殊值。整数可以为正整数、负整数和0；浮点数可以包含小数点，也可以包含一个“e”，或者同时包含这两项；整数可以以10、8、16作为基数表示。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>javascript数据类型的使用</title> </head> <body> <script type="text/javascript"> var z1 = 20.00; var z2 = 20; var f = 12e4; var x =12e4-5; document.write(z1 + "<br/>") document.write(z2 + "<br/>") document.write(f + "<br/>") document.write(x + "<br/>") </script> </body> </html> |
运行效果：
图1.4 Number类型的使用
6 String类型的使用
字符串是用一对单引号（''）或双引号（""）和引号中的内容构成的。
一个字符串也是JavaScript中的一个对象，有专门的属性。引号中间的内容可以是任意的字符，如果没有字符，则是一个空的字符串。如果要在字符串中使用双引号，则应该将其包含在使用单引号的字符串中，使用单引号时反之。
示例：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>javascript数据类型的使用</title> </head> <body> <script type="text/javascript"> var string1 = "XiaoZhan"; var string2 = 'XiaoZhan'; var string3 = "XiaoZhan is a handsome boy!"; var string4 = "His fans told him to 'zhanzhan'."; var string5 = 'He once said:"everyone has something to accomplish"!' document.write(string1 + "<br/>") document.write(string2 + "<br/>") document.write(string3 + "<br/>") document.write(string4 + "<br/>") document.write(string5 + "<br/>") </script> </body> </html> |
运行结果：
图1.5 String类型的使用
7 Object类型的使用
前面介绍的几种数据类型是JavaScript的原始数据类型，而Object是对象类型，该数据类型中包括Object、Function、Number、String、Boolean、Array、Regexp、Date、Global、Math、Erroe和宿主环境提供的object类型。
示例：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>javascript数据类型的使用</title> </head> <body> <script type="text/javascript"> person = new Object(); person.name = "xiaozhan"; person.occupation = "singer and performer"; document.write(person.name + " is a " + person.occupation); </script> </body> </html> |
运行效果：
图1.6 Object类型的使用
END
实习编辑 | 王楠岚
责 编 | 杨金月
where2go 团队
微信号：算法与编程之美
长按识别二维码关注我们!
“写留言”发表评论，期待您的参与！期待您的转发！
