本文系统介绍 JavaScript 中的运算符与表达式。涵盖算术、字符串、比较等常见运算符的用法,解析表达式分类及运算规则,并通过代码示例展示运算符在实际编程中的应用与注意事项。
1. 概述
1.1 运算符
运算符(也称作操作符)是由特定符号构成的一组指令,用于对数值进行计算并生成新值。参与计算的数值被称为操作数,可以是常量或变量。JavaScript 中的运算符可根据操作数的数量划分为单目、双目和三目运算符;依据功能则可分为算术、比较、赋值、字符串、逻辑、条件及其他类别。
1.2 表达式
表达式由运算符和操作数组合而成,其计算结果即为操作数经过运算后的返回值。根据运算结果的数据类型,表达式主要可分为以下三类:
- 算术表达式:计算结果为数值型数据的表达式。
- 字符串表达式:计算结果为字符串型数据的表达式。
- 逻辑表达式:计算结果为布尔型(TRUE 或 FALSE)数据的表达式。
需要注意的是,表达式具有相对性,内部可以包含多个子表达式;同时,单个常量或变量本身也可被视为一个最简单的表达式。
2. 运算符的应用
2.1 算术运算符
算术运算符主要用于执行加法、减法、乘法、除法等基础数学运算。

示例 1:声明两个变量(a 和 b),利用算术运算符对它们执行不同的数学运算,并输出计算结果。
<html>
<head>
<meta charset="utf-8">
<title>算术运算符</title>
</head>
<body>
<script>
var a = 11,b = 5;
document.write("a=11,b=5");
document.write("<br />");
document.write("a+b=");
document.write(a+b);
document.write("<br />");
document.write("a-b=");
document.write(a-b);
document.write("<br />");
document.write("a*b=");
document.write(a*b);
document.write("<br />");
document.write("a/b=");
document.write(a/b);
document.write("<br />");
document.write("a%b=");
document.write(a%b);
document.write("<br />");
document.write("(a++)=");
document.write(a++);
document.write("<br />");
document.write("(++a)=");
document.write(++a);
document.write("<br />");
document.write("(b--)=");
document.write(b--);
document.write("<br />");
document.write("(--b)=");
document.write(--b);
document.write("<br />");
</script>
</body>
</html>
注意:在 JavaScript 中,“+” 号不仅可作为算术运算符执行加法,还可用于连接字符串。
2.2 字符串运算符
字符串运算符用于处理两个字符串类型数据,主要作用是将它们连接在一起。在 JavaScript 中,可以使用 “+” 或 “+=” 运算符进行字符串连接。“+” 用于直接连接两个字符串,而 “+=” 则可以将连接后的结果重新赋值给第一个字符串变量。

示例 2:将多个字符串进行连接操作,并输出最终结果。
<html>
<head>
<meta charset="utf-8">
<title>字符串运算符</title>
</head>
<body>
<script>
var name,age,sex,height,weight;
name = "王子";
age = 23;
sex = "男";
height = "189cm";
weight = "74kg";
alert("姓名:"+name+"\n年龄:"+age+"\n性别:"+sex+"\n身高:"+height+"\n体重:"+weight);
</script>
</body>
</html>
注意:JavaScript 引擎会根据操作数的数据类型自动判断 “+” 的行为。只要两个操作数中有一个是字符串类型,“+” 就会被视为字符串连接运算符,而非算术加法运算符。
2.3 比较运算符
比较运算符的工作流程是:先对操作数(可以是数字或字符串)进行比较,然后返回一个布尔值(TRUE 或 FALSE)作为结果。

示例 3:使用比较运算符对两个数值进行比较操作。
<html>
<head>
<meta charset="utf-8">
<title>比较运算符</title>
</head>
<body>
<script>
var a = 23;
document.write("a 变量的值为:"+a);
document.write("<br />");
document.write("a>22:")
document.write(a>22);
document.write("<br />")
document.write("a<22:")
document.write(a<22);
document.write("<br />")
document.write("a=22:")
document.write(a==22);
document.write("<br />")
document.write("a!=22:")
document.write(a!=22);
document.write("<br />")
</script>
</body>
</html>
本文介绍了 JavaScript 中运算符和表达式的基本概念与应用。如需了解更多相关内容,请查阅本站往期文章或继续浏览后续内容,感谢支持!