JavaScript 数据类型LOGIN

JavaScript 数据类型

JavaScript 的数据类型

JavaScript 主要有如下 6 种数据类型:

数据类型                 说明                        举例

字符串类型    使用双引号 " 或单引号 ' 括起来的一个或多个字符    "www.5idev.com"、'字符串'    

数值类型    包括整数和浮点数(包含小数点的数或科学记数法的数)    30、-10、11.2、2.35e10    

布尔类型    表示 true 或 false 这两种状态    5 == 2 其运算结果为 false    

空值    变量或内容值为空(null),可以通过给一个变量赋 null 值来清除变量的内容    str = null    

未定义类型    变量被创建后,未给该变量赋值,该类型只有一个取值:undefined    var str    

对象类型    JavaScript 操作的对象,如页面元素等    document.getElementById("article")


字符串(String)类型

字符串类型使用双引号 " 或单引号 ' 括起来,下面是一些例子:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<script type="text/javascript">
var str1 = '20 ';
var str2 = '岁';
alert( str1 + str2 );
</script>
</head>
<body>
</body>
</html>

如上例所示,字符串可以使用 + 符号进行连接,运行例子弹出提示框输出:

20 岁

注意:定义的字符串变量,可以被 JavaScript 直接当做字符串对象处理

数值(Number)类型

数值(Number)类型包括整数和浮点数(包含小数点的数或科学记数法的数),如:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<script type="text/javascript">
var num1 = 20;
var num2 = 33.5;
alert( num1 + num2 );
</script>
</head>
<body>
</body>
</html>


运行该例子,弹出提示框并输出:运算结果为:53.5

注意,如果将字符串类型和数字类型一起做 + 运算,数值会转换成字符串参与运算。因此上面的例子为了让 num1 和 num2 进行加法运算,将它们使用 () 括起来以先进行加法运算。

布尔(Boolean)类型

布尔类型是对一个表达式结果的确定,如果该表达式成立,则结果为 true,反之则为 false。通常结合 if 语句来进行逻辑判断,如下面例子所示:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
    <script type="text/javascript">
    var x = 3;
    var y = 5;
    if( x == y ){
    alert( "x 等于 y");
    }else{
    alert( "x 不等于 y" );
    }
    </script>
</head>
<body>
</body>
</html>

空值(Null)

空值类型表示该变量或内容无任何值。例如一个表单文本输入框中无任何内容时,我们试图用 JavaScript 去获取该文本输入框元素的值时,得到的结果就是 null。

要判断是否为空值,只需将需要比较的内容与 null 进行比较即可:

if( x == null ) { ... }

鉴于 Web 系统运行的特点,很多情况下可以通过给一个变量赋 null 值来清除变量的内容而不用特意去销毁该变量。

未定义(Undefined)类型

变量被创建后,未给该变量赋值,该变量即为未定义类型。未定义类型有一个确定的值 undefined,因此要判断一个变量或返回结果是否为未定义类型,只需将它与 undefined 进行比较即可:

if( x == undefined ) { ... }

对象(Object)类型

对象类型是 JavaScript 中常用的一个类型,如我们通过 document.getElementById() 获取页面元素时,得到的就是一个对象。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
    <script language="JavaScript">
    x = document.getElementById("article");
    alert(x);
    </script>
</head>
<body>
 <p id="article">我是一些文字 ...</p>
</body>
</html>

声明变量类型

当您声明新变量时,可以使用关键词 "new" 来声明其类型:

var carname=new String;
var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;



   


下一节
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script language="JavaScript"> var age = 15; if (age >= 18) { alert('adult'); } else { alert('teenager'); } </script> </head> <body> </body> </html>
提交重置代码
章节课件