JavaScript 中的运算符和表达式介绍
1. 概述
1.1 运算符
运算符也称操作符，它是一系列操作符的符号；运算符用于将一个或几个值进行计算而生成的值，对其进行计算的值称为操作数，操作数可以为常量或变量；
JavaScript 的运算符按操作数的个数分为单目运算符、双目运算符、三目运算符；
按运算符的功能分为算术运算符、比较运算符、赋值运算符、字符串运算符、逻辑运算符、条件运算符、其他运算符；
1.2 表达式
表达式是运算符和操作数组合而成的式子，表达式的值就是对操作数进行比较运算后的结果；
表达式是以运算为基础，表达式按其运算结果可分为如下3中：
- 算术表达式：运算结果为数字的表达式；
- 字符串表达式：运算结果为字符串的表达式；
- 逻辑表达式：运算结果为布尔值的表达式；
注意： 表达式是一个相对的概念，在表达式中能含有若干个子表达式，而且表达式中的一个常量或变量可看作一个表达式；
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>
注意： “+” 号除了能作为算术运算符外，还能连接字符串；
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 中的运算符和表达式介绍的文章就介绍到这了,更多相关JavaScript 运算符内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要给大家介绍了关于如何利用js根据坐标判断构成单个多边形是否合法的相关资料,文章通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2022-01-01
这篇文章主要是对Javascript对象属性方法进行了详细的汇总介绍。需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
这篇文章主要介绍了Js中使用正则表达式验证输入是否有特殊字符的简单代码，并通过一小段代码给大家介绍了js正则表达式验证同一字符串不同,需要的朋友可以参考下2018-09-09
这篇文章主要介绍了JavaScript链式调用,结合实例形式分析了javascript链式调用的相关原理、实现方法及操作注意事项,需要的朋友可以参考下2018-12-12
这篇文章主要介绍了JavaScript日期对象(Date)基本用法,结合实例形式较为详细的分析了JavaScript日期对象(Date)获取日期、时间戳、年月日、星期及日期比对等操作技巧,需要的朋友可以参考下2017-01-01
这篇文章主要介绍了如何在微信小程序中实现美食展示与收藏的功能，文中的示例代码讲解详细，感兴趣的小伙伴可以跟随小编一起动手尝试一下2022-03-03
这篇文章主要介绍了JavaScript中附件预览功能的实现,具体操作步骤大家可查看下文详细讲解,感兴趣的小伙伴们可以参考一下。2017-08-08
这篇文章主要介绍了webpack 自动清理 dist 文件夹的两种实现方法,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧2024-06-06
这篇文章主要介绍了详解CocosCreator消息分发机制，详细介绍了各模块的设计，同学们一定要自己看下2021-04-04
由 John Resig 的 How JavaScript Timers Work 可以知道，现有的 JavaScript 引擎是单线程处理任务的。它把任务放到队列中，不会同步去执行，必须在完成一个任务后才开始另外一个任务。2008-05-05
最新评论