javascript 运算符

 

javascript 运算符

目录

javascript 运算符

一、算术运算符

1、自增运算符

2、自减运算符

二、比较运算符

三、赋值运算符

四、逻辑运算符

五、条件运算符

疑难解答：

 

这一节，我们来介绍JavaScript的运算符。运算符是完成一系列操作的符号，例如两个数字型数据相加用“+”，相乘用“*”等。

JavaScript的运算符按运算符类型可以分为以下5种：

  • （1）算术运算符；
  • （2）比较运算符；
  • （3）赋值运算符；
  • （4）逻辑运算符；
  • （5）条件运算符；

接下来，我们一一对其进行介绍。

 

一、算术运算符

算术运算符用于在程序中进行加、减、乘、除等运算。

JavaScript中常用的算术运算符如下：

运算符描述示例
+加4+6 //返回值10
-减7-2 //返回值5
*乘2*3 //返回值6
/除12/3 //返回值4
%求余7%4 //返回值3
++自增见下面
--自减见下面

初学者注意一下，在JavaScript中，除号不是“÷”，而是“/”，别傻乎乎地用错了。

1、自增运算符

“++”是自增运算符，它指的是在原来值的基础上加1，i++表示“i=i+1”。该运算符有2种情况：

（1）i++

“i++”指的是在使用i之后，使i的值加1。

举例：

i=1;
j=i++;

上面执行的结果：j的值为1，i的值为2。

其实上面代码等价于下面这一段代码：

i=1;
j=i;
i++;

（2）++i

“++i”指的是在使用i之前，先使i的值加1。

举例：

i=1;
j=++i;

上面的执行结果：j的值为2，i的值为2。

其实上面代码等价于下面这一段代码：

i=1;
i++;
j=i;

2、自减运算符

“--”是自减运算符，它指的是在原来值的基础上减1，i--表示“i=i-1”。该运算符同样有2种情况：

（1）i--

（2）--i

举例：

i=6;j=i--;//j的值为6，i的值为5
i=6;j=--i;//j的值为5，i的值为5

举例：JavaScript算术运算符

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var n1=6,n2=7;
        var m1=n1+n2;
        var m2=n1*n2;
        var m3=n1++;
        var m4=--n2;
        document.write("m1="+m1+"<br/>");
        document.write("m2="+m2+"<br/>");
        document.write("m3="+m3+"<br/>");
        document.write("m4="+m4+"<br/>");
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下：

b6d7e594e90349368019aab03ca6db2c.png

二、比较运算符

比较运算符的基本操作过程是：首先对操作数进行比较，该操作数可以是数字也可以是字符串，然后返回一个布尔值true或false。

运算符描述示例
<小于1<4 //返回true
>大于2>5 //返回false
<=小于等于8<=8 //返回true
>=大于等于3>=5 //返回false
==是否等于5==6 //返回false
!=是否不等于5!=6 //返回true

在此说明一点，如果比较m和n两个变量是否相等，“m=n”这是错误的，因为“=”表示赋值运算符（我们接下来会讲到），应该写成“m==n”。

举例：

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var age=12;
        document.write("age>20："+(age>20)+"<br/>");
        document.write("age<20："+(age<20)+"<br/>");
        document.write("age!=20："+(age!=20)+"<br/>");
        document.write("age<=20："+(age<=20)+"<br/>");
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下：

07a445fccc8f41f5a6b2b720fe08c6aa.png

分析：“<br/>”表示换行，当然也可以使用转义字符“\n”来实现，只不过前一个是使用HTML标签实现，后面一个使用转义字符实现。

 

三、赋值运算符

JavaScript中的赋值运算可以分为2种：简单赋值运算和复合赋值运算。

简单赋值运算是将赋值运算符（=）右边表达式的值保存到左边的变量中。

复合赋值运算结合了其他操作（如算术运算操作）和赋值操作。

举例：

sum=sum+i;//简单赋值运算;
sum+=i;//复合赋值运算，等价于sum=sum+i;
运算符示例
=author="helicopter"
+=a+=b等价于a=a+b
-=a-=b等价于a=a-b
*=a*=b等价于a=a*b
/=a/=b等价于a=a/b
%=a%=b等价于a=a%b
&=a&=b等价于a=a&b（&是逻辑与运算）
|=a|=b等价于a=a|b（|是逻辑或运算）
^=a^=b等价于a=a^b（^是逻辑异或运算）

对于最后3个，平常不经常用，忽略掉算了。

 

四、逻辑运算符

逻辑运算符通常用于执行布尔运算，它们常常和比较运算符一起使用来表示复杂比较运算，这些运算涉及的变量通常不止一个，而且常用于if、while和for语句中。

运算符描述示例
&&逻辑与，若两边表达式的值都为true，则返回true；任意一个值为false，则返回false(8>5)&&(4<6)，返回true；(8<5)&&(4<6)，返回false
||逻辑或，只有表达式的值都为false，才返回false，其他情况返回true(8<5)||(4<6)，返回true；(8<5)&&(4>6)，返回false
!逻辑非，若表达式的值为true，则返回false；若表达式的值为false，则返回true!(9>2)，返回false；!(9<2)，返回true

举例：

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        document.write((8 > 5) && (4 < 6)+"<br>");
        document.write((8 < 5) || (4 < 6)+"<br>");
        document.write(!(9 > 2));
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下：

a28631da8c9e43a9b3959f8431806962.png

总结：

（1）true的!为false，false的!为true；

（2）a&&b，a、b全为true时，表达式为true，否则表达式为false；

（3）a||b：a、b全为false时，表达式为false，否则表达式为true；

大家好好琢磨和理解一下，这是比较基础的东西喔。

 

五、条件运算符

条件运算符是JavaScript支持的一种特殊的运算符。

语法：

条件 ? 表达式1 : 表达式2;

说明：如果“条件”为true，则表达式的值使用“表达式1”的值；如果“条件”为false，则表达式的值使用“表达式2”的值。

例如：

(x>y)?4*3:5

分析：如果x的值大于y的值，则上面整个表达式最终的值为“12（由4*3得到）”；如果x的值小于或等于y的值，则上面整个表达式最终的值为“5”。

举例：

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var a=3;
        var b=5
        var c=(a<b)? "正确":"错误";
        document.write(c);
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下：

d58ee022d12140e7b11b9a671675c6cb.png

这一节还是比较简单的，大家好好看看就懂了。

 

疑难解答：

1、比较运算符“= =”与赋值运算符“=”的不同之处在于什么地方？

在各种运算符中，比较运算符“= =”与赋值运算符“=”是完全不同的。比较运算符“= =”用于比较两个操作数的值是否相等，并且返回true或false；而赋值运算符“=”用于给操作数赋值。

如果在需要比较两个表达式的值是否相等的情况下，错误的使用赋值运算符“=”，则会将右操作数的值赋给左操作数。

对于比较运算符“= =”与赋值运算符“=”，初学者很容易用混，大家得仔细区分一下。

 

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mfbz.cn/a/193502.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

vim工具以及如何给用户加上sudo的权限

vim工具以及如何给用户加上sudo的权限

Linux开发工具之vim以及如何给用户配置sudo的权限文件的操作 1.vim概念的介绍 2.vim的多模式的介绍 3.vim的命令模式与低行模式的相关指令操作 4.vim如何配置 5.如何给普通用户配置sudo的权限 本文开始~~~~ 1. vim概念的介绍 vim是一款多模式的文本编辑器&#xff0c;简单…
阅读更多...
CSGO搬砖还能做吗？CSGO饰品未来走势如何？

CSGO搬砖还能做吗？CSGO饰品未来走势如何？

steam/csgo搬砖项目真能月入过万吗&#xff1f;到底真的假的&#xff1f; 如何看待CSGO饰品市场的整体走向&#xff1f; 从整体来说&#xff0c;CSGO的饰品市场与规模肯定会持续不断的上升&#xff0c;大盘不会发生特别大的波动&#xff0c;目前处于稳定期&#xff01;&…
阅读更多...
PT里如何针对某个模块设置false path

PT里如何针对某个模块设置false path

我正在「拾陆楼」和朋友们讨论有趣的话题&#xff0c;你⼀起来吧&#xff1f; 拾陆楼知识星球入口 如题&#xff0c;这个问题实际上讲的是get_cells的用法&#xff0c;我们要抓取某个模块内的全部cell&#xff0c;在ICC2里可以get_flat_cells xx/xx/module_name*&#xff0c;但…
阅读更多...
创意二维码案例：意大利艺术家的最新二维码艺术展！

创意二维码案例：意大利艺术家的最新二维码艺术展！

意大利艺术家——米开朗基罗皮斯特莱托&#xff08;Michelangelo Pistoletto&#xff09;的个人艺术展“二维码‘说’”&#xff08;QR CODE POSSESSION&#xff09;正在北京798艺术区的常青艺术画廊展出&#xff0c;这是一次别出心裁的创意艺术展&#xff01; 主要体现在3个方…
阅读更多...
final关键字-Java

final关键字-Java

final关键字 一、使用场景1、当不希望类被继承时&#xff0c;可以用final修饰。2、当不希望父类的某个方法被子类覆盖/重写(override)时&#xff0c;可以用final修饰。3、当不希望类的的某个属性的值被修改&#xff0c;可以用final修饰。4、当不希望某个局部变量被修改&#xf…
阅读更多...
防火墙简介

防火墙简介

防火墙概念 是指一种将内部网和公众访问网&#xff08;如Internet&#xff09;分开的方法&#xff0c;它实际上是一种建立在现代通信网络技术和信息安全技术基础上的应用性安全技术&#xff0c;隔离技术。 将需要保护的网络和不可信网络进行隔离&#xff0c;隐藏信息并…
阅读更多...
振南技术干货集：znFAT 硬刚日本的 FATFS 历险记（5）

振南技术干货集：znFAT 硬刚日本的 FATFS 历险记（5）

注解目录 1、znFAT 的起源 1.1 源于论坛 &#xff08;那是一个论坛文化兴盛的年代。网友 DIY SDMP3 播放器激起了我的兴趣。&#xff09; 1.2 硬盘 MP3 推了我一把 &#xff08;“坤哥”的硬盘 MP3 播放器&#xff0c;让我深陷 FAT 文件系统不能自拔。&#xff09; 1.3 我…
阅读更多...
Java开发者的Python快速进修指南：自定义模块及常用模块

Java开发者的Python快速进修指南：自定义模块及常用模块

自定义模块 我来举一个在Java开发中常用的开发方式作为例子。在我们进行项目开发时&#xff0c;通常会在项目的结构中创建一个util包&#xff0c;用于存放一些工具类。同样&#xff0c;Python也可以采用类似的方式来组织代码结构&#xff0c;让大家更容易理解。 在同目录下 如果…
阅读更多...
priority_queue模拟实现

priority_queue模拟实现

目录 仿函数 模拟实现 结果 大根堆 小根堆 完整代码 priority_queue.h test.c 仿函数 仿函数的通俗定义&#xff1a;仿函数&#xff08;functor&#xff09;又称为函数对象&#xff08;function object&#xff09;是一个能行使函数功能 的类。仿函数的语法几乎和我们…
阅读更多...
为啥网络安全那么缺人，但很多人却找不到工作？

为啥网络安全那么缺人，但很多人却找不到工作？

文章目录 一、学校的偏向于学术二、学的东西太基础三、不上班行不行 为什么网络安全的人才缺口那么大&#xff0c;但是大学毕业能找到网安工作的人却很少&#xff0c;就连招聘都没有其他岗位多&#xff1f; 明明央视都说了网络安全的人才缺口还有300多万&#xff0c;现在找不到…
阅读更多...
Vue框架学习笔记——计算属性

Vue框架学习笔记——计算属性

文章目录 前文提要代码需求描述插值语法实现methods实现 计算属性getter执行时间&#xff1a;setter 计算属性简写形式&#xff08;只读不改&#xff0c;才能如此简写&#xff09;slice截取元素&#xff0c;限制输入字符数量 前文提要 本人仅做个人学习记录&#xff0c;如有错…
阅读更多...
【一周AI简讯】OpenAI奥特曼王者归来，马斯克AI模型Grok下周开放测试，ChatGPT语音对话功能向所有用户免费开放

【一周AI简讯】OpenAI奥特曼王者归来，马斯克AI模型Grok下周开放测试，ChatGPT语音对话功能向所有用户免费开放

OpenAI奥特曼王者归来&#xff0c;董事会改组 终于&#xff0c;经历大约5天的极限拉扯&#xff0c;年底AI界吃瓜大戏落下帷幕&#xff0c;奥特曼确认回归。 ChatGPT语音对话功能向所有用户免费开放 ChatGPT 语音输入最初于 9 月份推出&#xff0c;标题是“ChatGPT 现在可以看…
阅读更多...
12、模块化编程

12、模块化编程

模块化编程 1、传统方式编程&#xff1a;所有的函数均放在main.c里&#xff0c;若使用的模块比较多&#xff0c;则一个文件内会有很多的代码&#xff0c;不利于代码的组织和管理&#xff0c;而且很影响便朝着的思路 2、模块化编程&#xff1a;把各个模块的代码放在不同的.c文件…
阅读更多...
线性分类器--图像表示

线性分类器--图像表示

整个模型 图像表示 二进制图像 灰度图像 彩色图像 大多数分类算法都要求输入向量&#xff01; rbg的图像矩阵转列向量 大小为 32X32 的话&#xff0c;图像矩阵转列向量是多少维&#xff1f; 32x32x3 3072 维列向量
阅读更多...
魏副业而战：视频号副业项目赚钱攻略，每天30分钟，日入500+

魏副业而战：视频号副业项目赚钱攻略，每天30分钟，日入500+

我是魏哥&#xff0c;与其躺平&#xff0c;不如魏副业而战&#xff01; 最近很多团队在操作视频号分成计划项目。 说真的&#xff0c;这个副业项目很不错&#xff0c;魏哥也操作测试一下&#xff0c;每天收益大几百&#xff0c;收益如下&#xff1a; 大家看了&#xff0c;是不…
阅读更多...
Linux——使用命令查看文件和文件夹数量

Linux——使用命令查看文件和文件夹数量

目录 一、相关命令参数解析二、查看当前目录下的文件数量2.1 包含子目录中的文件2.2 不包含子目录中的目录 三、查看当前目录下的文件夹个数3.1 不包含目录中的目录3.2 包含目录中的目录 四、查看当前文件夹下叫某某的文件的数量实例 五、总结 一、相关命令参数解析 "&qu…
阅读更多...
C++中的类与对象

C++中的类与对象

类和对象的基本概念 C 和 C中 struct 区别 c 语言 struct 只有变量 c语言 struct 既有变量&#xff0c;也有函数 类的封装 我们编写程序的目的是为了解决现实中的问题&#xff0c;而这些问题的构成都是由各种事物组成&#xff0c;我们在计算机中要解决这种问题&#x…
阅读更多...
python之pyqt专栏6-信号与槽2

python之pyqt专栏6-信号与槽2

上一篇python之pyqt专栏5-信号与槽1-CSDN博客&#xff0c;我们通过信号与槽实现了点击Button&#xff0c;改变Label的文本内容。可以知道 信号是在类中定义的&#xff0c;是类的属性 槽函数是信号通过connect连接的任意成员函数&#xff0c;当信号发生时&#xff0c;执行与信号…
阅读更多...
【通讯协议】REST API vs GraphQL

【通讯协议】REST API vs GraphQL

在API设计方面&#xff0c;REST和GraphQL各有缺点。下图显示了 REST 和 GraphQL 之间的快速比较。 REST 使用标准 HTTP 方法&#xff08;如 GET、POST、PUT、DELETE&#xff09;进行 CRUD 操作。当您需要在单独的服务/应用程序之间提供简单、统一的接口时&#xff0c;效果很好…
阅读更多...
NAS层协议学习（三）

NAS层协议学习（三）

消息结构 每个NAS消息包含一个协议鉴别符和一个消息标识。协议鉴别符是一个 4 位值&#xff0c;指示正在使用的协议&#xff0c;即对于 EPS NAS 消息是 EMM 或 ESM。消息标识指示发送的特定消息。 EMM 消息还包含一个安全标头&#xff0c;指示消息是否受到完整性保护和/或加密…
阅读更多...
最新文章

Copyright @ 2022~2023

友情链接： 我的编程经验分享 一条长河网 尧图网站开发 尧图建网站