JavaScript 基础：数据类型

目录

1.前言

2.Number数字类型

3.String字符串类型

4.布尔型Boolean

5.Undefined 和 Null

6.获取变量类型

7.类型转换

8.总结

9.小练习

---

1.前言

        (1) 本文介绍了Javascript基础中数据类型，有Number、String、Boolean、Undefined和Null，还讲解了获取变量类型以及类型转换，附带小练习，有兴趣的同学可以做一做。

        (2) 在翻译下文之前，先说一下数据类型(科普time)：

        在计算机中不同的数据所需占用的储存空间是不同的,所以为了充分利用储存空间，我们为数据设置不同的数据类型，比如：“张三”，18。

        JavaScript 是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型，在程序运行的过程中，类型会被自动确定。
        比如：

    myname="张三";        //字符串

    age = 18;       //数字类型

JS 判断右边值是来判断，确定变量值的类型。简单数据类型有：Number、String、Boolean、Undefined、Null。

2.Number数字类型

        (1) 数字型进制：表示整数的方法有10进制,8进制和16进制。就一般使用的数值而言，16进制是指0-15的数值（0到9，a到f）,在JavaScript中,在其前面加"0x",标志其为16进制,8进制是在0-7前面加"0"。

        (2) 数字型范围：

- 最大值：Number.MAX_VALUE，这个值为： 1.7976931348623157e+308。

- 最小值：Number.MIN_VALUE，这个值为：5e-324。

        (3) 数字的特殊值：

Infinity ，代表无穷大，大于任何数值。

-Infinity ，代表无穷小，小于任何数值。

NaN ，Not a number，代表一个非数值。

        (4) isNaN：

用来判断一个变量是否为非数字的类型 ，返回 true 或者 false
例：

    var age = 21;

    var isNum = isNaN(age);

    console.log(isNum);          // false

    var name= "张三";

    console.log(isNaN(name));   // true ，"张三"是一个非数字

3.String的字符串类型

        (1) 字符串定义：字符串型可以是引号中的任意文本，其语法为 双引号 "" 和 单引号''。

举例：var name = ”张三”; //没有引号会报错。

        (2) 引号嵌套：JS 可以用单引号嵌套双引号 ，或者用双引号嵌套单引号 (外双内单，外单内双)

        例：

    var myName = “我的姓名是’白米饭’”;

        (3) 字符串转义符：

字符串中有特殊字符，我们用转义符都是 \ 开头的进行转义。

\n ：换行符；

\\ ：斜杠\；

\’： ‘ 单引号；

\”：双引号”;

\t： tab缩进；

 \b：空格。

        (4) 字符串长度：字符串是由若干个字符组成，这些字符的数量就是字符串的长度。

如：var str = “我是高帅富！”; alert(str.length); //输出是6

        (5) 字符串拼接：多个字符串之间可以使用 + 进行拼接之后得到新的字符串。

例：

    var str = "路漫漫其修远兮，",strAll="";

    strAll = str + “吾将上下而求索”；

    alert(strAll );    //路漫漫其修远兮，吾将上下而求索

    alert(100+100);    //200

    alert(100+"100");     //100100

    alert("100"+"100");    //100100

        (6) 总结：字符串与数字相加，字符相连。

4.布尔型Boolean

        布尔类型有两个值：true 和 false ，其中 true 表示真（对），而 false 表示假（错）。布尔型和数字型相加的时候， true 的值为 1 ，false 的值为 0。

例：

    console.log(true + 1);  // 2

    console.log(false + 1); // 1

5.Undefined 和 Null

        (1) Undefined：一个声明后没有被赋值的变量会有一个默认值 undefined；
例：

    var myName;

    console.log(myName);        // undfined

    console.log('你好' + myName);        // 你好 undefined

    console.log(11 + myName);         // NaN

    console.log(true + myName);        // NaN

        (2) Null：一个声明变量给Null值，里面存的值为空；
例：

    var myName = Null;

    console.log('你好' + myName);        // 你好 null

    console.log(11 + myName);        // 11

    console.log(true  + myName);        //1

6.获取变量类型

        typeof 可用来获取检测变量的数据类型。
例：

    var num = 18;

    var myname = null;

    console.log(typeof num);        // 结果 number

    console.log(typeof myname);        // object

7.类型转换

        比如说，在表单（form）、prompt中提交的信息都是字符串信息，就无法就行加减，这时候就需要数据类型转换。

        (1) 转换为字符串

        parseInt(string, radix)：将string类型转成整数数字类型。

例：

    parseInt("12"); //returns 12

    parseInt("12blue"); //returns 12

    parseInt("12.8"); //returns 12

    parseInt("blue"); //returns NaN

        radix可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。

        parseFloat(string) 将string类型转成浮点数数字类型。

        Number(string)   将string强制转换成数字类型。

        (2) 转为布尔类型

        代表空、否定的值会被转换为 false  ，如 ''、0、NaN、null、undefined，其余值都会被转换为 true。

例：

    console.log(Boolean('')); // false
    console.log(Boolean(0)); // false
    console.log(Boolean(NaN)); // false
    console.log(Boolean(null)); // false
    console.log(Boolean(undefined)); // false
    console.log(Boolean('小白')); // true
    console.log(Boolean(12)); // true

8.总结

        - 编译器：是在代码执行之前进行编译，生成中间代码文件，好比：首先把所有菜做好，才能上桌吃饭。

        - 解释器：解释器是在运行时进行及时解释，并立即执行(当编译器以解释方式运行的时候，也称之为解释器)好比吃火锅，边吃边涮，同时进行。

        - 标识符：就是指开发人员为变量、属性、函数取的名字，标识符不能是关键字或保留字。

        - 关键字：是指 JS本身已经使用了的字，不能再用它们充当变量名、方法名。

        包括：break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with 等。

        - 保留字：实际上就是预留的“关键字”，意思是现在虽然还不是关键字，但是未来可能会成为关键字，同样不能使用它们当变量名或方法名。

        包括：boolean、byte、char、class、const、debugger、double、enum、export、extends、fimal、float、goto、implements、import、int、interface、long、mative、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile 等。

9.小练习

        1.实现用户输入姓名，年龄，专业，并在控制台输出来。

示例代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>1.实现用户输入姓名，年龄，专业，并在控制台输出来。</title>
	</head>
	<body>
		<script>
			var realname = prompt("请输入姓名");
			var age		 = prompt("请输入年龄");
			var major	 = prompt("请输入专业");
			console.log(realname,age,major);
		</script>
	</body>
</html>

        2.交换两个变量值。

示例代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>2.交换两个变量值。</title>
	</head>
	<body>
		<script>
			var num1 = "a";
			var num2 = "b";
			var temp;//临时的值
			console.log("num1:"+num1,"num2:"+num2);
			temp = num1;//把a赋予temp
			num1 = num2;//把b赋予a
			num2 = temp;//把a赋予b
			console.log("num1:"+num1,"num2:"+num2);
		</script>
	</body>
</html>

        3.输入出生年份，计算年龄。

示例代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>3.输入出生年份，计算年龄。</title>
	</head>
	<body>
		<script>
			var year = prompt("请输入年份");
			var age = 2022 - Number(year)
			console.log("年龄:" + age);
		</script>
	</body>
</html>

        4.输入周岁年龄，在控制台输出，格式为：您的周岁是：？岁，虚岁是？岁。

示例代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>4.输入周岁年龄，在控制台输出，格式为：您的周岁是：？岁，虚岁是？岁。</title>
	</head>
	<body>
		<script>
			var age = prompt("输入周岁年龄：")
			var str = "周岁是：" + age + "，虚岁是：" + (Number(age)+1);
			console.log(str);
		</script>
	</body>
</html>

        运行效果大家就请自己试试看吧，以上就是本篇文章的全部内容了，感谢观看！