JavaScript数据类型分为值类型和引用数据类型,值类型:字符串(String),数字(Number),布尔(Boolean),空对象(Null),未定义(Undefined);引用数据类型:数组(Array),对象(Object),函数(Function)。
JavaScript字符串
字符串是编程语言中最常见的数据类型,字符串用于处理和存储文本。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var string = "Hello World";//常用字面量创建字符串
var string2 = new String("Hello Everybody");//使用String对象创建字符串对象
document.writeln(string);
document.writeln(string2);
</script>
</body>
</html>
字符串是JS常用的数据类型,字符串用双引号或单引号包裹,字符串的更多内容可以看这篇文章JavaScript字符串。
JavaScript数字
JS只有一种数字类型就是Number,可以使用或者不使用小数点来书写。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var number = 1;//整数
var number2 = 3.14;//小数
var number3 = new Number(2);//使用Number对象创建数字对象
document.writeln(number);
document.writeln(number2);
document.writeln(number3);
</script>
</body>
</html>
JS采用64位浮点数表示数字,如果数字大于JS所能表示的范围,则JS表示的值为infinity(无穷大)或 -infinity(负无穷大)。更多数字内容可以阅读JavaScript数字。
JavaScript布尔
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var x = false;//false
var y = true;//true
var z = new Boolean(false);//使用Boolean对象创建布尔对象
document.writeln(x);
document.writeln(y);
document.writeln(z);
</script>
</body>
</html>
布尔类型的值只有两个:false或者true。布尔常用于条件测试中,更多布尔类型的内容阅读JavaScript布尔类型。
Null和Undefined
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var x;//当一个变量声明未赋值,此时它的值为undefined(未定义)
var y = document.getElementById("id");//访问一个不存在的对象,它的值为null(空对象)
document.writeln(x);
document.writeln(y);
</script>
</body>
</html>
null 和undefined都表示无,没有的意思,运算符 null == undefined也相等。null属于对象,undefined的数据类型就是Undefined。null转为Number是0, undefined转为Number是NaN。
JavaScript数组
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var arr = [1,2,"hello"];//直接字面量创建数组
var arr2 = new Array(1,3,"Hello");//创建数组对象
document.write("arr="+arr);//arr=1,2,Hello
document.write("<br> arr2="+arr2);//arr2=1,3,hello
document.write("<br> 数组下标="+arr2[2]);//数组下标=hello
</script>
</body>
</html>
JS可以直接创建字面量数组或创建数组对象来创建数组,可以使用数组下标(从0开始)索引来访问数组,更多有关数组的内容请阅读JavaScript数组。
JavaScript对象
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var person = {name:"Cindy",age:18};//直接字面量创建对象
var person2 = new Object();//创建实例对象
person2.name = "Jenny";//对象设置属性和值
person2.age = 20;
document.write("person~name="+person.name+" person~age="+person.age);//person~name=Cindy person~age=18
document.write("<br> person2~name="+person2.name+" person2~age="+person2.age);//person2~name=Jenny person2~age=20
</script>
</body>
</html>
JS创建对象和创建数组的方法一样,使用object.name的方法来访问对象的属性值,更多对象的内容访问JavaScript对象。
JavaScript函数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function myFun() {//创建一个函数
document.write("Hello World");//函数体,即函数要实现的功能
}
myFun();//执行函数
function myFun2(string) {//函数参数
document.write(string);
}
myFun2("<br>你好");//传递参数
</script>
</body>
</html>
在JS里,一切皆对象,函数(Function)也是特殊的对象。JS使用function关键字声明一个函数,调用函数直接使用函数名加括号还有分号结束语句。更多函数内容请访问JavaScript函数。
网友评论