2.4 数据类型
数字类型(Number)
简介
最基本的数据类型
不区分整型数值和浮点型数值
所有数字都采用64位浮点格式存储，相当于Java和C语言中的double格式
能表示的最大值是±1.7976931348623157 x 10308
能表示的最小值是±5 x 10 -324
整数：
在JavaScript中10进制的整数由数字的序列组成
精确表达的范围是
-9007199254740992 (-253) 到 9007199254740992 (253)
超出范围的整数，精确度将受影响
浮点数：
使用小数点记录数据
例如：3.4，5.6
使用指数记录数据
例如：4.3e23 = 4.3 x 1023
16进制和8进制数的表达
16进制数据前面加上0x，八进制前面加0
16进制数是由0-9,A-F等16个字符组成
8进制数由0-7等8个数字组成
16进制和8进制与2进制的换算
# 2进制: 1111 0011 1101 0100 <-----> 16进制:0xF3D4 <-----> 10进制:62420 # 2进制: 1 111 001 111 010 100 <-----> 8进制:0171724
字符串(String)
简介
是由Unicode字符、数字、标点符号组成的序列
字符串常量首尾由单引号或双引号括起
JavaScript中没有字符类型
常用特殊字符在字符串中的表达
字符串中部分特殊字符必须加上右划线\
常用的转义字符 \n:换行 \':单引号 \":双引号 \\:右划线
复制代码
String数据类型的使用
特殊字符的使用方法和效果
Unicode的插入方法
<script>
var str="\u4f60\u597d\n欢迎来到\"JavaScript世界\"";
alert(str);
</script>
布尔型(Boolean)
简介
Boolean类型仅有两个值：true和false，也代表1和0，实际运算中true=1,false=0
布尔值也可以看作on/off、yes/no、1/0对应true/false
Boolean值主要用于JavaScript的控制语句，例如
if (x==1){
y=y+1;
}else {
y=y-1;
}
Null & Undefined
Undefined 类型 Undefined 类型只有一个值，即 undefined。当声明的变量未初始化时，该变量的默认值是 undefined。 当函数无明确返回值时，返回的也是值 "undefined"; Null 类型 另一种只有一个值的类型是 Null，它只有一个专用值 null，即它的字面量。值 undefined 实际上是从值 null 派生来的，因此 ECMAScript 把它们定义为相等的。 尽管这两个值相等，但它们的含义不同。undefined 是声明了变量但未对其初始化时赋予该变量的值，null 则用于表示尚未存在的对象（在讨论 typeof 运算符时，简单地介绍过这一点）。如果函数或方法要返回的是对象，那么找不到该对象时，返回的通常是 null。 var person=new Person() var person=null
数据类型转换
JavaScript属于松散类型的程序语言 变量在声明的时候并不需要指定数据类型 变量只有在赋值的时候才会确定数据类型 表达式中包含不同类型数据则在计算过程中会强制进行类别转换 数字 + 字符串：数字转换为字符串 数字 + 布尔值：true转换为1，false转换为0 字符串 + 布尔值：布尔值转换为字符串true或false
强制类型转换函数
函数parseInt： 强制转换成整数 例如parseInt("6.12")=6 ; parseInt(“12a")=12 ; parseInt(“a12")=NaN ;parseInt(“1a2")=1
函数parseFloat： 强制转换成浮点数 parseFloat("6.12")=6.12
函数eval： 将字符串强制转换为表达式并返回结果 eval("1+1")=2 ; eval("1<2")=true
类型查询函数(typeof)
ECMAScript 提供了 typeof 运算符来判断一个值是否在某种类型的范围内。可以用这种运算符判断一个值是否表示一种原始类型：如果它是原始类型，还可以判断它表示哪种原始类型。
函数typeof ：查询数值当前类型
(string / number / boolean / object )
例如typeof("test"+3) "string"
例如typeof(null) "object "
例如typeof(true+1) "number"
例如typeof(true-false) "number"
通过pycharm新建basic_data_type.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// ---------------------js的五种基本数据类型---------------------
// 1 Number 包括整型和浮点型
// String 字符串数据类型
var s="hello"
var s2="\u4f60\u597d\n欢迎来到\"JavaScript世界\""
alert(s2)
</script>
</body>
</html>
点击pycharm上面浏览器
修改basic_data_type.html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// ---------------------js的五种基本数据类型---------------------
// 1 Number 包括整型和浮点型
// 2 String 字符串数据类型 "" 或 ''构成
var s="hello"
var s2="\u4f60\u597d\n欢迎来到\"JavaScript世界\""
alert(s2)
// 3 Boolean ： true false
if (true){
alert("success!")
}
</script>
</body>
</html>
点击pycharm上面浏览器
修改basic_data_type.html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// ---------------------js的五种基本数据类型---------------------
// 1 Number 包括整型和浮点型
// 2 String 字符串数据类型 "" 或 ''构成
var s="hello"
var s2="\u4f60\u597d\n欢迎来到\"JavaScript世界\""
alert(s2)
// 3 Boolean ： true false
if (false){
alert("success!")
}
</script>
</body>
</html>
点击pycharm上面浏览器
修改basic_data_type.html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// ---------------------js的五种基本数据类型---------------------
// 1 Number 包括整型和浮点型
// 2 String 字符串数据类型 "" 或 ''构成
var s="hello"
var s2="\u4f60\u597d\n欢迎来到\"JavaScript世界\""
alert(s2)
// 3 Boolean ： true false 用于条件判断
if (false){
alert("success!")
}
// 4 Undefined:Undefined
var a; //如果声明了某个变量，但是未赋值，则该变量为Undefined类型
alert(a)
</script>
</body>
</html>
点击pycharm上面浏览器
修改basic_data_type.html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// ---------------------js的五种基本数据类型---------------------
// 1 Number 包括整型和浮点型
// 2 String 字符串数据类型 "" 或 ''构成
var s="hello"
var s2="\u4f60\u597d\n欢迎来到\"JavaScript世界\""
alert(s2)
// 3 Boolean ： true false 用于条件判断
if (false){
alert("success!")
}
// 4 Undefined:Undefined
var a; //如果声明了某个变量，但是未赋值，则该变量为Undefined类型
alert(a)
// 5 null:占一个对象位置
// var obj = new Animal()
var obj = null
</script>
</body>
</html>
修改basic_data_type.html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// ---------------------js的五种基本数据类型---------------------
// 1 Number 包括整型和浮点型
// 2 String 字符串数据类型 "" 或 ''构成
var s="hello"
var s2="\u4f60\u597d\n欢迎来到\"JavaScript世界\""
alert(s2)
// 3 Boolean ： true false 用于条件判断
if (false){
alert("success!")
}
// 4 Undefined:Undefined
var a; //如果声明了某个变量，但是未赋值，则该变量为Undefined类型
alert(a)
// 5 null:占一个对象位置
// var obj = new Animal()
var obj = null
// 数据类型转换
alert(1+"hello")
</script>
</body>
</html>
点击pycharm上面浏览器
修改basic_data_type.html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// ---------------------js的五种基本数据类型---------------------
// 1 Number 包括整型和浮点型
// 2 String 字符串数据类型 "" 或 ''构成
var s="hello"
var s2="\u4f60\u597d\n欢迎来到\"JavaScript世界\""
alert(s2)
// 3 Boolean ： true false 用于条件判断
if (false){
alert("success!")
}
// 4 Undefined:Undefined
var a; //如果声明了某个变量，但是未赋值，则该变量为Undefined类型
alert(a)
// 5 null:占一个对象位置
// var obj = new Animal()
var obj = null
// 数据类型转换
alert(1+"hello");
alert(1+true);
alert(1+false);
alert(2==true);
</script>
</body>
</html>
点击pycharm上面浏览器
继续点击确认
修改basic_data_type.html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// ---------------------js的五种基本数据类型---------------------
// 1 Number 包括整型和浮点型
// 2 String 字符串数据类型 "" 或 ''构成
var s="hello"
var s2="\u4f60\u597d\n欢迎来到\"JavaScript世界\""
alert(s2)
// 3 Boolean ： true false 用于条件判断
if (false){
alert("success!")
}
// 4 Undefined:Undefined
var a; //如果声明了某个变量，但是未赋值，则该变量为Undefined类型
alert(a)
// 5 null:占一个对象位置
// var obj = new Animal()
var obj = null
// 数据类型转换
alert(1+"hello");
alert(1+true);
alert(1+false);
alert(2==true);
alert("hello"+true)
</script>
</body>
</html>
点击pycharm上面浏览器
修改basic_data_type.html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// ---------------------js的五种基本数据类型---------------------
// 1 Number 包括整型和浮点型
// 2 String 字符串数据类型 "" 或 ''构成
var s="hello"
var s2="\u4f60\u597d\n欢迎来到\"JavaScript世界\""
alert(s2)
// 3 Boolean ： true false 用于条件判断
if (false){
alert("success!")
}
// 4 Undefined:Undefined
var a; //如果声明了某个变量，但是未赋值，则该变量为Undefined类型
alert(a)
// 5 null:占一个对象位置
// var obj = new Animal()
var obj = null
// 数据类型转换
alert(1+"hello");
alert(1+true);
alert(1+false);
alert(2==true);
alert("hello"+true);
alert(parseInt(3.14));
</script>
</body>
</html>
点击pycharm上面浏览器
修改basic_data_type.html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// ---------------------js的五种基本数据类型---------------------
// 1 Number 包括整型和浮点型
// 2 String 字符串数据类型 "" 或 ''构成
var s="hello"
var s2="\u4f60\u597d\n欢迎来到\"JavaScript世界\""
alert(s2)
// 3 Boolean ： true false 用于条件判断
if (false){
alert("success!")
}
// 4 Undefined:Undefined
var a; //如果声明了某个变量，但是未赋值，则该变量为Undefined类型
alert(a)
// 5 null:占一个对象位置
// var obj = new Animal()
var obj = null
// 数据类型转换
alert(1+"hello");
alert(1+true);
alert(1+false);
alert(2==true);
alert("hello"+true);
alert(parseInt(3.14));
alert(parseInt("3.14"))
</script>
</body>
</html>
点击pycharm上面浏览器
修改basic_data_type.html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// ---------------------js的五种基本数据类型---------------------
// 1 Number 包括整型和浮点型
// 2 String 字符串数据类型 "" 或 ''构成
var s="hello"
var s2="\u4f60\u597d\n欢迎来到\"JavaScript世界\""
alert(s2)
// 3 Boolean ： true false 用于条件判断
if (false){
alert("success!")
}
// 4 Undefined:Undefined
var a; //如果声明了某个变量，但是未赋值，则该变量为Undefined类型
alert(a)
// 5 null:占一个对象位置
// var obj = new Animal()
var obj = null
// 数据类型转换
alert(1+"hello");
alert(1+true);
alert(1+false);
alert(2==true);
alert("hello"+true);
alert(parseInt(3.14));
alert(parseInt("3.14a"))
</script>
</body>
</html>
点击pycharm上面浏览器
修改basic_data_type.html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// ---------------------js的五种基本数据类型---------------------
// 1 Number 包括整型和浮点型
// 2 String 字符串数据类型 "" 或 ''构成
var s="hello"
var s2="\u4f60\u597d\n欢迎来到\"JavaScript世界\""
alert(s2)
// 3 Boolean ： true false 用于条件判断
if (false){
alert("success!")
}
// 4 Undefined:Undefined
var a; //如果声明了某个变量，但是未赋值，则该变量为Undefined类型
alert(a)
// 5 null:占一个对象位置
// var obj = new Animal()
var obj = null
// 数据类型转换
alert(1+"hello");
alert(1+true);
alert(1+false);
alert(2==true);
alert("hello"+true);
alert(parseInt(3.14));
alert(parseInt("3.14a"))
alert(parseInt("a3.14"))
</script>
</body>
</html>
点击pycharm上面浏览器
修改basic_data_type.html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// ---------------------js的五种基本数据类型---------------------
// 1 Number 包括整型和浮点型
// 2 String 字符串数据类型 "" 或 ''构成
var s="hello"
var s2="\u4f60\u597d\n欢迎来到\"JavaScript世界\""
alert(s2)
// 3 Boolean ： true false 用于条件判断
if (false){
alert("success!")
}
// 4 Undefined:Undefined
var a; //如果声明了某个变量，但是未赋值，则该变量为Undefined类型
alert(a)
// 5 null:占一个对象位置
// var obj = new Animal()
var obj = null
// 数据类型转换
alert(1+"hello");
alert(1+true);
alert(1+false);
alert(2==true);
alert("hello"+true);
alert(parseInt(3.14));
alert(parseInt("3.14a"));
alert(parseInt("a3.14")); //NaN: 当字符串转换成数字失败时NaN，属于Number；
alert(parseInt("3.a14"))
</script>
</body>
</html>
点击pycharm上面浏览器
修改basic_data_type.html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// ---------------------js的五种基本数据类型---------------------
// 1 Number 包括整型和浮点型
// 2 String 字符串数据类型 "" 或 ''构成
var s="hello"
var s2="\u4f60\u597d\n欢迎来到\"JavaScript世界\""
alert(s2)
// 3 Boolean ： true false 用于条件判断
if (false){
alert("success!")
}
// 4 Undefined:Undefined
var a; //如果声明了某个变量，但是未赋值，则该变量为Undefined类型
alert(a)
// 5 null:占一个对象位置
// var obj = new Animal()
var obj = null
// 数据类型转换
alert(1+"hello");
alert(1+true);
alert(1+false);
alert(2==true);
alert("hello"+true);
alert(parseInt(3.14));
alert(parseInt("3.14a"));
alert(parseInt("a3.14")); //NaN: 当字符串转换成数字失败时NaN，属于Number；
alert(parseInt("3.a14"))
alert(NaN==0);
alert(NaN>0);
alert(NaN<0);
</script>
</body>
</html>
点击pycharm上面浏览器
继续点击确认
继续点击确认
修改basic_data_type.html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// ---------------------js的五种基本数据类型---------------------
// 1 Number 包括整型和浮点型
// 2 String 字符串数据类型 "" 或 ''构成
var s="hello"
var s2="\u4f60\u597d\n欢迎来到\"JavaScript世界\""
alert(s2)
// 3 Boolean ： true false 用于条件判断
if (false){
alert("success!")
}
// 4 Undefined:Undefined
var a; //如果声明了某个变量，但是未赋值，则该变量为Undefined类型
alert(a)
// 5 null:占一个对象位置
// var obj = new Animal()
var obj = null
// 数据类型转换
alert(1+"hello");
alert(1+true);
alert(1+false);
alert(2==true);
alert("hello"+true);
alert(parseInt(3.14));
alert(parseInt("3.14a"));
alert(parseInt("a3.14")); //NaN: 当字符串转换成数字失败时NaN，属于Number；
alert(parseInt("3.a14"))
alert(NaN==0);
alert(NaN>0);
alert(NaN<0);
alert(NaN==NaN);
</script>
</body>
</html>
点击pycharm上面浏览器
修改basic_data_type.html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// ---------------------js的五种基本数据类型---------------------
// 1 Number 包括整型和浮点型
// 2 String 字符串数据类型 "" 或 ''构成
var s="hello"
var s2="\u4f60\u597d\n欢迎来到\"JavaScript世界\""
alert(s2)
// 3 Boolean ： true false 用于条件判断
if (false){
alert("success!")
}
// 4 Undefined:Undefined
var a; //如果声明了某个变量，但是未赋值，则该变量为Undefined类型
alert(a)
// 5 null:占一个对象位置
// var obj = new Animal()
var obj = null
// 数据类型转换
alert(1+"hello");
alert(1+true);
alert(1+false);
alert(2==true);
alert("hello"+true);
alert(parseInt(3.14));
alert(parseInt("3.14a"));
alert(parseInt("a3.14")); //NaN: 当字符串转换成数字失败时NaN，属于Number；
alert(parseInt("3.a14"))
alert(NaN==0);
alert(NaN>0);
alert(NaN<0);
alert(NaN==NaN); //NaN数据在表达式中一定结果为false，除了不等于
alert(NaN!=NaN);
</script>
</body>
</html>
点击pycharm上面浏览器
修改basic_data_type.html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// ---------------------js的五种基本数据类型---------------------
// 1 Number 包括整型和浮点型
// 2 String 字符串数据类型 "" 或 ''构成
var s="hello"
var s2="\u4f60\u597d\n欢迎来到\"JavaScript世界\""
alert(s2)
// 3 Boolean ： true false 用于条件判断
if (false){
alert("success!")
}
// 4 Undefined:Undefined
var a; //如果声明了某个变量，但是未赋值，则该变量为Undefined类型
alert(a)
// 5 null:占一个对象位置
// var obj = new Animal()
var obj = null
// 数据类型转换
alert(1+"hello");
alert(1+true);
alert(1+false);
alert(2==true);
alert("hello"+true);
alert(parseInt(3.14));
alert(parseInt("3.14a"));
alert(parseInt("a3.14")); //NaN: 当字符串转换成数字失败时NaN，属于Number；
alert(parseInt("3.a14"))
alert(NaN==0);
alert(NaN>0);
alert(NaN<0);
alert(NaN==NaN); //NaN数据在表达式中一定结果为false，除了不等于
alert(NaN!=NaN);
var i=10;
var s="hello";
var b=false;
var u=undefined;
var n=null;
var obj= new Object()
console.log(typeof(i));
console.log(typeof(s));
console.log(typeof(b));
console.log(typeof(u));
console.log(typeof(n));
console.log(typeof(obj));
</script>
</body>
</html>
点击pycharm上面浏览器
浙公网安备 33010602011771号