问题描述
每一种计算机语言都有自己的数据结构和数据类型,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类型的使用