JavaScript 基本数据类型

259次阅读

没有评论

共计 2699 个字符，预计需要花费 7 分钟才能阅读完成。

每一种计算机语言除了有自己的数据结构外，还具有自己所支持的数据类型。JavaScript 跟传统编程语言不同，它采用的是弱数据方式，也就是说一个数据不必首先做声明，可以在使用或赋值时再确定其数据类型，当然也可以先声明该数据类型。

JavaScript 数据类型有 2 大分类：一是“基本数据类型”，二是“特殊数据类型”。

其中，基本数据类型包括以下 3 种：

（1）数字型（Number 型）
（2）字符串型（String 型）
（3）布尔型（Boolean 型）

特殊数据类型有 3 种：

（1）空值（null 型）
（2）未定义值（undefined 型）
（3）转义字符

我们这一节先来详细讲解 JavaScript 的基本数据类型。

数字（Number）是最基本的数据类型。在 JavaScript 中，和其他程序设计语言（如 C 和 Java）的不同之处在于，它并不区别整型数值（int）和浮点型数据（float）。在 JavaScript 中，所有的数字都是由浮点型表示的。

整型数据指的是数据形式是十进制整数来的，整数可以为正数、0 或负数。例如，“0、4、-5、1000”这些都是“整型数据”。

整型数据指的是整数，没有小数的。浮点型数据是指带有小数的数据。

浮点数还可以使用指数法表示，即实数后跟随字母 e 或 E，后面加上正负号，其后再加一个整型指数。这种计数法表示的数值等于前面的实数乘以 10 的指数次幂。

指数法表示的浮点数在实际开发中应用不多，大家看看就行了。

举例：

1.2
0.123
5.12e11   // 表示 5.12 乘以 10 的 11 次方
8.24E-12  // 表示 8.24 乘以 10 的 -12 次方

注：数字型还包括十六进制和八进制，因为本教程是面对零基础的初学者，因此不在此深入了解太多。对于这些计算机专业性的知识点，我们会直接跳过。

字符串是由 Unicode 字符、数字、标点符号等组成的序列，它是 JavaScript 用来表示文本的数据类型。程序中的字符串型数据是包含在单引号或双引号中的，由单引号定界的字符串中可以含有双引号，由双引号定界的字符串中也可以含有单引号。

'我'
'19WEB 开发教程'

"咦"
"弄啥咧这是"

'我是"helicopter"'

"You can call me'helicopter'"

举例：

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var str1="我爱'JavaScript'";// 双引号中包含单引号
        var str2='我爱"JavaScript"'; // 单引号中包含双引号
        var str3="我爱 \"JavaScript\"";// 双引号中包含双引号
        var str4='我爱 \'JavaScript\''; // 单引号中包含单引号
        document.write(str1+"<br/>");
        document.write(str2+"<br/>");
        document.write(str3+"<br/>");
        document.write(str4);
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下：

JavaScript 基本数据类型

分析：

从上面代码执行结果我们可以看出，“单引号出现双引号”或“双引号出现单引号”时，不需要进行转义。但是，“单引号内出现单引号”或“双引号内出现双引号”则必须进行转义（转义字符，我们会在下一节“JavaScript 特殊数据类型 ”中详细讲解）

数值型和浮点型的数据值都有无穷多个，但是布尔型数据类型只有 2 个：真（true）和假（false）。0 可以看作 false，1 可以看做 true。

布尔值通常在 JavaScript 程序中用来比较所得的结果，例如：

n= =1

这行代码测试了变量 n 的值是否和数值 1 相等。如果相等，比较的结果就是布尔值 true，否则结果就是 false。

布尔值通常用于 JavaScript 的控制结构（我们在后续章节会讲解到）。例如，JavaScript 的“if……else 语句”就是布尔值为 true 时执行一个动作，而在布尔值为 false 时执行另一个动作。例如：

if(n==1)
{n=n+1;}
else
{n=n-1;}

这段代码检测了 n 是否等于 1。如果 n 等于 1，则让 n 增加 1；如果 n 不等于 1，则让 n 减少 1。

举例：

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var n1=Boolean("");// 空字符串，返回 false
        var n2=Boolean("a");// 非空字符串，返回 true
        var n3=Boolean(0);// 数字 0，返回 false
        var n4=Boolean(1);// 非 0 数字，返回 true
        var n5=Boolean(-1);// 非 0 数字，返回 true
        var n6=Boolean(null);// 数值为 null，返回 false
        var n7=Boolean(undefined);// 数值为 undefined，返回 false
        var n8=Boolean(new Object());// 对象，返回 true
        document.write("n1 值为"+n1+"<br>");
        document.write("n2 值为"+n2+"<br>");
        document.write("n3 值为"+n3+"<br>");
        document.write("n4 值为"+n4+"<br>");
        document.write("n5 值为"+n5+"<br>");
        document.write("n6 值为"+n6+"<br>");
        document.write("n7 值为"+n7+"<br>");
        document.write("n8 值为"+n8);
    </script>
</head>
<body>
<body>
</html>

在浏览器预览效果如下：

JavaScript 基本数据类型

分析：

对于有些代码，初学者看不懂没关系，待我们学了后续课程，再回来看就行了。曾经一位自学成才的诺贝尔奖获得者说过，自学的时候很多东西看不懂，我们不要着急，等到我们学了后面的知识再回来看看，很多东西就会恍然大悟。

正文完