JavaScript语言基础连连看第一篇—数据类型、常量变量和运算符

本文链接：https://blog.csdn.net/m0_74304535/article/details/132296092

一，数据类型

JavaScript数据类型有两种:1，基本数据类型 2，复合数据类型。

1，数值型

数值型为最基本的数据类型，它不区分整数型值和浮点型值，在JavaScript中所有的数值都是由浮点型表示的。

十进制：由0-9组成数字序列，以10为基数。
八进制：由0-7组成序列，以8为基数。
十六进制：由0-9、a(A)~f(F)组成序列。
浮点型数据：有小数点，有两种表示方法：传统计数法（例如：1.245）和科学计数法（例如：6e+6）表示。
特殊值infinity：infinity表示无穷大，-infinity表示无穷小。当一个数值超出了JavaScript表示的最大值或者最小值时，会输出infinity或者-infinity。
特殊值NaN：即Not a Number，非数字，进行数值运算中产生了未知的结果或者错误时，会返回NaN。
例如：

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, 
initial-scale=1.0">
  <title>数值类型</title>
</head>
<body>
  <script type="text/javascript">
      document.write("输出房子的单价和面积并求出总价");
      var dj=5400; var mj=100;
      document.write("<p>房屋单价是："+dj+"<br>");
      document.write("房屋面积："+mj+"<br>");
      document.write("房屋总价："+(dj*mj));
      document.write("<hr>");
      document.write("使用科学计数法表示浮点数的输出结果");
      document.write("<p>");
      document.write(3e+6+"<br>");
      document.write(2.5e3+"<br>");
      document.write(1.25e-2);
      document.write("<hr>");
      document.write("特殊值infinity");
      document.write("<p>");
      document.write(1/0);
      document.write("<br>"+-1/0);
      document.write("<hr>");
      document.write("特殊值NaN:");
      document.write("<br>");
      document.write(0/0);
  </script>
</body>
</html>

运行结果：
在这里插入图片描述

2，字符串型

字符串型string 包含在单引号或者双引号中，是由0个或者多个字符组成的序列，它可以包含大小写字母、数字、标点符号或者其他字符，同时也可以包括汉字。并且由单引号界定的字符串中可以含有双引号，有双引号界定的字符串中可以含有单引号。注意避免字符串使用的引号产生匹配错误的问题。

转义字符

转义字符的使用，和C语言一样，JavaScript转义字符为\ ，通过转义字符可以再字符串中添加不可显示的特殊字符并且避免引号匹配混乱的问题。
常见转义字符：

转义字符	含义
\b	退格
\n	换行
\t	水平制表符，Tab空格
\f	换页
’	单引号
"	双引号
\v	垂直制表符
\r	回车符
\ \	反斜杠
\000	八进制整数，范围在000~777
\xHH	十六进制整数
\uhhhh	十六进制编码的Unicode字符

注意在alert语句中使用转义字符\n

alert("Web:\nHTML\nCSS\nJavaScript");

在这里插入图片描述

但在document.write()中使用转义字符时只有将其放在格式化文本块中才起作用，所以脚本需要放在（pre）和（/pre）的标记中才有作用。

document.write("<pre>hello\nJavaScript</pre>");

效果：在这里插入图片描述

3，布尔型

布尔值只有真和假，即true和false，它通常在JavaScript中用作比较后的结果，通常用于控制结构。

二，常量和变量

在JavaScript中，常量和变量是数据结构的重要组成部分。

1，常量

常量是指在程序运行过程中保持不变的量，例如，12345是数值型常量，"JavaScript"是字符串型常量。

2，变量

变量声明使用关键字var声明，语法格式：

var name;
var a,b.c;   //同时声明a，b，c三个变量

变量赋值格式：

var first = "JavaScript基础连连看";

注意： 1，如果只声明了变量并未对其赋值，则其默认值为undefined。 2，使用var重复声明同一个变量时新值会覆盖前一个赋的值。

变量的类型：

变量的类型即变量的数据类型，有数值型、字符串型和布尔型等。JavaScript可以把任意类型数据赋值给变量

var num = 100;
num = "javascript基础连连看";

例子，

<body>
    <h1 style="font-size: 24px;">沙奎尔·奥尼尔</h1>
    <script type="text/javascript">
        var bname="大鲨鱼";
        var height = 216;
        var achievement= "4届NBA总冠军，3届NBA总决赛MVP";
        var position="中锋";
        document.write("别名："+bname+"<br>");
        document.write("身高："+height+"<br>");
        document.write("主要成就："+achievement+"<br>");
        document.write("场上位置："+position+"<br>");
    </script>

结果：在这里插入图片描述

三，运算符

运算符也可称作操作符，它可完成一系列的运算，用于将一个或者几个值进行计算而生成一个新的值，操作数可以是常量或者变量。

1，算术运算符

算术运算符可以在程序中进行加减乘除等运算，JavaScript常用算术运算符见下表：

运算符	描述
+	加法运算，例2+3 返回值为5
-	减法运算，例如3-2 返回值为1
*	乘法运算，例如2*3 返回值为6
/	除法运算，例如8/4 返回值为2
%	求模运算（即取余运算），例如7%4 返回值为3
++	自加运算，例如x=1；y=x++;z=++x; 得到y的值为1，z的值为3，x的值为3
–	自减运算，例如x=6；y=x–；z=–x；得到 y的值为6，z的值为4，x的值为4

2，比较运算符

顾名思义：比较运算符用于比较两值大小
JavaScript常用比较运算符：

运算符	描述
<	小于
>	大于
<=	小于等于
>=	大于等于
==	等于，只根据表面值进行判断
===	绝对等于，根据表面值和数据类型同时判断
!=	不等于，只根据表面值判断
!==	绝对不等于，根据表面值和数据类型同时判断

返回值只有true和false。
例如，

<body>
    <script type="text/javascript">
        var num = 30;
        document.write("num的值为："+num+"<br>");
        document.write("num>20:");
        document.write(num>20);
        document.write("<br>num<25:");
        document.write(num<25);
        document.write("<br>num==23:");
        document.write(num==23);
        document.write("<hr>")
    </script>

运行结果：在这里插入图片描述

3，字符串运算符

字符串运算符用来表示两个字符串之间的运算，作用是将两个字符串拼接起来。

运算符	描述
+	连接两个字符串
+=	连接两个字符串并将结果赋给一个新的字符串

例如，

<body>
    <script type="text/javascript">
        var movieName,director,type,actor,boxoffice;
        movieName= "消失的她";director="崔睿、刘翔";
        type="悬疑、犯罪";actor="朱一龙、倪妮、文咏珊、杜江、
黄子琪";
        boxoffice=35.20;
        document.write("影片名称："+movieName+"<br>");
        document.write("导演："+director+"<br>");
        document.write("类型："+type+"<br>");
        document.write("主演："+actor+"<br>");
        document.write("票房："+boxoffice+"亿");
    </script>

运行结果：
在这里插入图片描述

4，赋值运算符

运算符	描述
=	将右边表达式的值赋值给左边的变量
+=	将运算符左边的变量加上右边表达式的变量赋值给左边的变量
-=	将运算符左边的变量减去右边表达式的变量赋值给左边的变量
*=	将运算符左边的变量乘上右边表达式的变量赋值给左边的变量
/=	将运算符左边的变量除以右边表达式的变量赋值给左边的变量
%=	将运算符左边的变量用右边表达式求余，并将结果赋值给左边的变量

5，逻辑运算符

逻辑运算符用于对一个或者多个布尔值进行逻辑运算，和C语言一样，由与或非组成。

运算符	1 运算符 1	1 运算符 0	0 运算符 1	0 运算符 0
&&	true	false	false	flase
ll	true	true	true	false

&&，逻辑与运算。||，逻辑或运算。
关于非(!) 运算,非真为假，非假为真。

6，条件运算符

条件运算符是一个三目运算符，语法格式如：

var a =10,b =10;
document.write(a==b?"相等":"不相等");

输出相等。

7，其他运算符

1’逗号运算符，

逗号运算符和C语言中一样，将多个表达式排列在一起，而整个表达式的值为最后一个表达式的值。例如，

var a,b,c,d;
a=(b=3,c=4,d=5);
document.write("a的值为："+a);

输出结果：a的值为：5

2’typeof运算符，

typeof运算符用于判断操作数的数据类型，返回一个字符串，该字符串表明操作数为什么数据类型，用于判断一个变量是否已被定义。

数据类型	返回值	数据类型	返回值
数值	number	null	object
字符串	string	对象	object
布尔值	boolean	函数	object
undefined	undefined

3’new运算符，

在JavaScript中有很多内置对象，可通过new运算符来创建一个新的内置对象实例，语法如下：
对象实例名称 = new 对象类型(参数）
对象实例名称 = new 对象类型