JavaScript 运算符 JavaScript运算符可分为哪几块?
myzbx 2024-12-28 14:20 10 浏览
运算符 = 用于赋值。
运算符 + 用于加值。
运算符 = 用于给 JavaScript 变量赋值。
算术运算符 + 用于把值加起来。
实例
指定变量值，并将值相加：
y=5;
z=2;
x=y+z;
在以上语句执行后，x 的值是：
7
JavaScript 算术运算符
<p算术运算符用于执行变量与 或值之间的算术运算。="" <="" p="" style="color: rgb(51, 51, 51); font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, STHeiti, 'Microsoft Yahei', sans-serif; font-size: 12px; line-height: normal; white-space: normal;"><p给定y=5，下面的表格解释了这些算术运算符：
| 运算符 | 描述 | 例子 | x 运算结果 | y 运算结果 | 在线实例 |
|---|---|---|---|---|---|
| + | 加法 | x=y+2 | 7 | 5 | 实例 ? |
| - | 减法 | x=y-2 | 3 | 5 | 实例 ? |
| * | 乘法 | x=y*2 | 10 | 5 | 实例 ? |
| / | 除法 | x=y/2 | 2.5 | 5 | 实例 ? |
| % | 取模（余数） | x=y%2 | 1 | 5 | 实例 ? |
| ++ | 自增 | x=++y | 6 | 6 | 实例 ? |
| x=y++ | 5 | 6 | 实例 ? | ||
| -- | 自减 | x=--y | 4 | 4 | 实例 ? |
| x=y-- | 5 | 4 | 实例 ? |
JavaScript 赋值运算符
赋值运算符用于给 JavaScript 变量赋值。
给定 x=10 和 y=5，下面的表格解释了赋值运算符：
| 运算符 | 例子 | 等同于 | 运算结果 | 在线实例 |
|---|---|---|---|---|
| = | x=y | x=5 | 实例 ? | |
| += | x+=y | x=x+y | x=15 | 实例 ? |
| -= | x-=y | x=x-y | x=5 | 实例 ? |
| *= | x*=y | x=x*y | x=50 | 实例 ? |
| /= | x/=y | x=x/y | x=2 | 实例 ? |
| %= | x%=y | x=x%y | x=0 | 实例 ? |
用于字符串的 + 运算符
+ 运算符用于把文本值或字符串变量加起来（连接起来）。
如需把两个或多个字符串变量连接起来，请使用 + 运算符。
实例
如需把两个或多个字符串变量连接起来，请使用 + 运算符：
txt1="What a very";
txt2="nice day";
txt3=txt1+txt2;
txt3 运算结果如下:
What a verynice day
要想在两个字符串之间增加空格，需要把空格插入一个字符串之中：
实例
txt1="What a very ";
txt2="nice day";
txt3=txt1+txt2;
在以上语句执行后，变量 txt3包含的值是：
What a very nice day
或者把空格插入表达式中：:
实例
txt1="What a very";
txt2="nice day";
txt3=txt1+" "+txt2;
在以上语句执行后，变量txt3 包含的值是：
What a very nice day
对字符串和数字进行加法运算
两个数字相加，返回数字相加的和，如果数字与字符串相加，返回字符串，如下实例：
实例
x=5+5;
y="5"+5;
z="Hello"+5;
x,y, 和 z 输出结果为:
10
55
Hello5
规则:如果把数字与字符串相加，结果将成为字符串！
如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！
相关推荐
- SUS631化学成分特性及适用范围（sus316的材料成分）
-
sus631特性及适用范围：添加铝的沉淀硬化型钢种，用作弹簧、热圈及计器部件。sus631/17-7PH/S17700/0Cr17Ni7Al沉淀硬化型不锈钢日本SUS631(17-7PH国标0Cr17...
- 4年仅掉价不到3成!这辆45万的奥迪S5纯素车，值不值得买?
-
哈喽~大家好，检车家老司机又和你们见面啦！我是你们的老朋友建国，我曾是一枚修过7年车的汽车修理工，现在是一名专业的二手车检测技师，更是一枚事故车劝退师。欢迎收看本期二手车检测趣事，今天给大家带来的车型...
- 新旗舰什么样?7张图全方位预测三星Note4
-
夏天已经快结束了，这也就意味着今年上半年的重磅机型已经悉数发布完毕，我们先要做的就是过一段平淡的日子然后期待着下半年的重磅产品陆续登场。三星GALAXYNote4无疑是下半年最值得我们期待的机型之一，...
- 拍照为主兼顾视频，将来可能接单，索尼a7m3和松下s5怎么选?
-
最近有小伙伴问了我下面这么一个问题。想买一台全画幅微单，但是预算有限，看好了两款机型，他的问题是：拍照为主兼顾视频，将来可能接单，索尼a7m3和松下s5怎么选？这个问题，我就想到这个网友也是做过一些功...
- GolangWeb框架Iris项目实战-JWT和中间件(Middleware)的使用EP07
-
前文再续，上一回我们完成了用户的登录逻辑，将之前用户管理模块中添加的用户账号进行账号和密码的校验，过程中使用图形验证码强制进行人机交互，防止账号的密码被暴力破解。本回我们需要为登录成功的用户生成Tok...
- 对焦大提升!松下S5M2 3.0固件&S5M2X 2.0固件详细测试
-
前段时间，松下发布了最新的S5M2和S5M2X的固件，并且这是一个比较大的更新，对对焦性能、防抖性能有较大提升，还新增了录制代理文件以及预连拍功能。这都是超级实用的功能，松下不愧是固件大厂！自动对焦升...
- 三星Galaxy S5安卓5.0测试版曝光，总算好看点了
-
三星GalaxyS5安卓5.0测试版曝光，总算好看点了出处：IT之家原创（远洋）2014-10-3123:11:04评论IT之家报道，显然，三星正在将自家的TouchWiz用户界面适配谷歌最...
- 松下S5M2对焦变换功能讲解#松下相机
-
大家好，今天和大家分享松下相机一个非常好用的功能：对焦变换。这个功能通常用于近景的视频拍摄，比如像现在画面里出现的人偶、象棋，看到视频的对焦点非常平顺的依次从画面的上方移动到中间，再移动到靠下的位置。...
- 松下 S5M2的几个重要功能(拍照篇) 松下 S5M2的几个重要功能
-
赶在618结束之前，我来讲几个松下S5二代的重要功能，也许其中的某一项功能会成为你购买它的理由。·首先来讲一讲高分辨率模式，这是一个非常好用的功能。使用松下S52代的左边波轮，可以直接进入这个模式。进...
- 奥的斯电梯OTIS DCSS5-E门机自学习详细过程
-
奥的斯电梯DCSS5-E门机自学习详细过程1.将轿顶打检修2.插入TT时按“M”键，提示你按“3”键，按“3”3.关键一步，因为怕你误操作而更改门机运行曲线和重要参数，正常情况下你是看不到第三个菜单的...
- 玩转smardaten | 逻辑编排很难吗?看无代码平台操作
-
1、前言不知道各位小伙伴有没有使用过无代码软件平台的经历呢？有没有想过你可以通过简单的拖拽就能构建和部署强大的应用程序？简单地说，smardaten无代码系统使任何人都能够开发软件，无需高深的开发知...
- 关于编码的那些事 - URL 编码（url编码的作用）
-
作者：redmed背景Web项目中经常会遇到处理URL中Query的情况，来看下下面问题你有疑惑吗？项目中发现会用到qs、query-string、URLSearchParams、甚至q...
- 国服一周数据观察:新英雄千珏胜率不足50%
-
随着千珏的更新，5.20版本到现在已经有一周的时间了，这段时间我们的排位赛数据有什么变化呢?快来看下排位赛数据分析。选择率最高的英雄榜单与过去的变化不大，仍然是盲僧、薇恩和赵信荣登榜首。但这不代表这些...
- iPhone系列领跑消费者最喜爱拍摄设备名单
-
现在连GalaxyS5都被iPhone4s，iPhone4这类老机型压在后面，由此可见苹果的产品比起三星真是畅销太多了。国外著名图片分享网站Flickr，今天公布了2015年用户们最喜欢使...
- Galaxy S6图像处理性能不如iPhone6 Plus?
-
三星最近公布了旗舰机GalaxyS6，有许多人批评、褒奖，但更常拿来跟iPhone6比较（明明不同系统阿？），而这次又有报告指GalaxyS6的「图像处理」不如iPhone6Plus，究竟是...
- 一周热门
- 最近发表
-
- SUS631化学成分特性及适用范围（sus316的材料成分）
- 4年仅掉价不到3成!这辆45万的奥迪S5纯素车，值不值得买?
- 新旗舰什么样?7张图全方位预测三星Note4
- 拍照为主兼顾视频，将来可能接单，索尼a7m3和松下s5怎么选?
- GolangWeb框架Iris项目实战-JWT和中间件(Middleware)的使用EP07
- 对焦大提升!松下S5M2 3.0固件&S5M2X 2.0固件详细测试
- 三星Galaxy S5安卓5.0测试版曝光，总算好看点了
- 松下S5M2对焦变换功能讲解#松下相机
- 松下 S5M2的几个重要功能(拍照篇) 松下 S5M2的几个重要功能
- 奥的斯电梯OTIS DCSS5-E门机自学习详细过程
- 标签列表
-
- HTML 基础教程 (29)
- HTML 简介 (30)
- HTML 响应式设计 (31)
- HTML URL 编码 (32)
- HTML Web 服务器 (31)
- HTML 表单属性 (32)
- HTML 音频 (31)
- HTML5 支持 (33)
- HTML API (36)
- HTML 总结 (32)
- HTML 全局属性 (32)
- HTML 事件 (31)
- HTML 画布 (32)
- HTTP 方法 (30)
- 键盘快捷键 (30)
- CSS 语法 (35)
- CSS 选择器 (30)
- CSS 轮廓 (30)
- CSS 轮廓宽度 (31)
- CSS 谷歌字体 (33)
- CSS 链接 (31)
- CSS 中级教程 (30)
- CSS 定位 (31)
- CSS 图片库 (32)
- CSS 图像精灵 (31)