JavaScript数据类型
2021-07-06 本文已影响0人
微语博客
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函数。
