一.数据类型
众所周知,JavaScript是一种弱类型语言,对语法要求并没有那些强类型语言要求那么严格,如C、java,它的所有数据类型的声明使用的关键字都是一样的var:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
function test(){
var flag;
}
</script>
<b οnclick="">按钮</b>
</body>
</html>
二.分类
JavaScript中的数据类型大致分为如下七类:
1.字符串
由于所有变量的声明都是使用var关键字,所以区分不同数据类型的依据就是初始化时赋的值的类型,字符串类型的变量在赋值时用单引号或双引号将字符串括起来,如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
function test(){
var address="黑龙江省大庆市";
var name='laf';
console.log(address);
console.log(name);
}
</script>
<b οnclick="test()">按钮</b>
</body>
</html>
2.数字
强类型语言如java,数字会细分为众多不同的数据类型,可以根据整数、小数来划分,可以根据存储空间大小来划分,但是JavaScript中所有数字都是同一个数据类型,用法如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
function test(){
var price=9.9;
console.log(price);
}
</script>
<b οnclick="test()">按钮</b>
</body>
</html>
3.布尔
布尔型数据类型值为true和false,如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
function test(){
var flag=true;
console.log(flag);
}
</script>
<b οnclick="test()">按钮</b>
</body>
</html>
4.数组
数组下标从0开始,所以获取第一个元素的语法是:数组变量名[0],用法如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
function test(){
var names=['法老','八贼','小安迪'];
for(var i=0;i<names.length;i++){
console.log(names[i]);
}
}
</script>
<b οnclick="test()">按钮</b>
</body>
</html>
5.null
声明变量并为其赋值null,如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
function test(){
var name=null;
console.log(name);
}
</script>
<b οnclick="test()">按钮</b>
</body>
</html>
6.undefined
只声明了变量但是没有为变量赋值,如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
function test(){
var name;
console.log(name);
}
</script>
<b οnclick="test()">按钮</b>
</body>
</html>
7.对象
JavaScript中对象由大括号分隔;括号内部,对象的属性以属性名 : 属性值的形式来定义,属性之间由逗号分隔;获取属性值的方法有两种:对象变量名.属性名;对象变量名[“属性名”],以下是使用示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
function test(){
var student=new Object();
student.name='tom';
student.sex='男';
console.log(student.name+':'+student["sex"]);
}
</script>
<b οnclick="test()">按钮</b>
</body>
</html>
三.注意
1.var的使用
JavaScript在变量声明的时候就算没有使用var关键字,依然可以声明成功,但是不推荐这样去使用,如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
function test(){
score=200;
console.log(score);
}
</script>
<b οnclick="test()">按钮</b>
</body>
</html>
2.数组的遍历方式
java中for循环存在加强循环的遍历方式,JavaScript中也存在这种遍历方式,只是部分用法与java稍有不同:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
function test(){
var names=['法老','八贼','小安迪'];
for(var index in names){
console.log("!!!!!!!"+index);
}
}
</script>
<b οnclick="test()">按钮</b>
</body>
</html>
如下代码的输出结果中只有数组的序号,所以如果想将数组遍历,还要在输出语句上这样填写:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
function test(){
var names=['法老','八贼','小安迪'];
for(var index in names){
console.log(names['index']+"!!!!!!!"+index);
}
}
</script>
<b οnclick="test()">按钮</b>
</body>
</html>