JavaScript 运算符与表达式详解

作者：拾光时间：2026-10-26 05:30:41浏览：427

本文系统介绍 JavaScript 中的运算符与表达式。涵盖算术、字符串、比较等常见运算符的用法，解析表达式分类及运算规则，并通过代码示例展示运算符在实际编程中的应用与注意事项。

1. 概述

1.1 运算符

运算符（也称作操作符）是由特定符号构成的一组指令，用于对数值进行计算并生成新值。参与计算的数值被称为操作数，可以是常量或变量。JavaScript 中的运算符可根据操作数的数量划分为单目、双目和三目运算符；依据功能则可分为算术、比较、赋值、字符串、逻辑、条件及其他类别。

1.2 表达式

表达式由运算符和操作数组合而成，其计算结果即为操作数经过运算后的返回值。根据运算结果的数据类型，表达式主要可分为以下三类：

算术表达式：计算结果为数值型数据的表达式。
字符串表达式：计算结果为字符串型数据的表达式。
逻辑表达式：计算结果为布尔型（TRUE 或 FALSE）数据的表达式。

需要注意的是，表达式具有相对性，内部可以包含多个子表达式；同时，单个常量或变量本身也可被视为一个最简单的表达式。

2. 运算符的应用

2.1 算术运算符

算术运算符主要用于执行加法、减法、乘法、除法等基础数学运算。

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>

1. 概述

注意：在 JavaScript 中，“+” 号不仅可作为算术运算符执行加法，还可用于连接字符串。

2.2 字符串运算符

字符串运算符用于处理两个字符串类型数据，主要作用是将它们连接在一起。在 JavaScript 中，可以使用 “+” 或 “+=” 运算符进行字符串连接。“+” 用于直接连接两个字符串，而 “+=” 则可以将连接后的结果重新赋值给第一个字符串变量。

1. 概述

示例 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>

1. 概述

注意：JavaScript 引擎会根据操作数的数据类型自动判断 “+” 的行为。只要两个操作数中有一个是字符串类型，“+” 就会被视为字符串连接运算符，而非算术加法运算符。

2.3 比较运算符

比较运算符的工作流程是：先对操作数（可以是数字或字符串）进行比较，然后返回一个布尔值（TRUE 或 FALSE）作为结果。

1. 概述

示例 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>

1. 概述

本文介绍了 JavaScript 中运算符和表达式的基本概念与应用。如需了解更多相关内容，请查阅本站往期文章或继续浏览后续内容，感谢支持！

作者最新文章

JS处理含Emoji或中文的字符串转数组乱码问题

2026-11-05 16:12:28

JS怎么使用展开运算符合并对象

2026-11-05 14:42:18

ES6+环境下判断JS对象为空的简洁写法

2026-11-05 12:12:23

怎么通过replacer函数自定义JS中JSON的格式化输出

2026-11-05 11:19:44

JS正则表达式基础：字面量与RegExp构造函数的区别及常用元字符

2026-11-05 11:16:58