JavaScript运算符分别为：

赋值运算符、算术运算符、字符串运算符、逻辑运算符、关系运算符、位运算符，其中赋值运算符和算法运算符结合到一起组成复合运算符。

1.赋值运算符

赋值运算符只有一个：即 “=” 。用于表示赋值的含义。例如语句 c=a+b 表示将“a+b”的值赋给c，而不是c等于a+b，要和数学中的等式概念区分开。

2.算术运算符

算术运算符有多个，分别为：+、-、*、/、%、++、-- ，以下分别对每种运算法举例讲解：

（1）“+” 表示 “加” 。例如a=1+2，将1和2的和赋给变量a，“+”也可作字符串的连接符，具体在下方“字符串运算符”中讲解。

实例 z=x+y：

<html>
<head>
<title>测试网页</title>
</head>
<body>
<p>令x=3,y=2,求z=x+y的值。</p>
<button onclick="myFunction()">点击计算z=x+y的值</button>
<p id="demo"></p>
<script>/* 定义JavaScript 函数求z的值 */
function myFunction(){var x=3;//定义xvar y=2;//定义yvar z;//定义zz=x+y;//计算x+y的值赋给zdocument.write("z=" + z );//输出z的值
}
</script>
</body>
</html>

（2）“-” 表示 “减” 。例如a=2-1，将2减1的值赋给变量a。

实例 z=x-y：

<html>
<head>
<title>测试网页</title>
</head>
<body>
<p>令x=3,y=2,求z=x-y的值。</p>
<button onclick="myFunction()">点击计算z=x-y的值</button>
<p id="demo"></p>
<script>/* 定义JavaScript 函数求z的值 */
function myFunction(){var x=3;//定义xvar y=2;//定义yvar z;//定义zz=x-y;//计算x-y的值赋给zdocument.write("z=" + z );//输出z的值
}
</script>
</body>
</html>

（3）“ * ” 表示 “乘” 。例如a=2*1，将2乘1的值赋给变量a。

实例 z=x*y：

<html>
<head>
<title>测试网页</title>
</head>
<body>
<p>令x=3,y=2,求z=x*y的值。</p>
<button onclick="myFunction()">点击计算z=x*y的值</button>
<p id="demo"></p>
<script>/* 定义JavaScript 函数求z的值 */
function myFunction(){var x=3;//定义xvar y=2;//定义yvar z;//定义zz=x*y;//计算x*y的值赋给zdocument.write("z=" + z );//输出z的值
}
</script>
</body>
</html>

（4）“ / ” 表示 “除” 。例如a=2/1，将2除1的值赋给变量a。

实例 z=x/y：

<html>
<head>
<title>测试网页</title>
</head>
<body>
<p>令x=3,y=2,求z=x/y的值。</p>
<button onclick="myFunction()">点击计算z=x/y的值</button>
<p id="demo"></p>
<script>/* 定义JavaScript 函数求z的值 */
function myFunction(){var x=3;//定义xvar y=2;//定义yvar z;//定义zz=x/y;//计算x/y的值赋给zdocument.write("z=" + z );//输出z的值
}
</script>
</body>
</html>

（5）“ % ” 表示 “取余” 。“取余”即取两个数相除后得到的“余数”。例如a=2%1，将2取余1的值赋给变量a。

实例 z=x%y：

<html>
<head>
<title>测试网页</title>
</head>
<body>
<p>令x=3,y=2,求z=x%y的值。</p>
<button onclick="myFunction()">点击计算z=x%y的值</button>
<p id="demo"></p>
<script>/* 定义JavaScript 函数求z的值 */
function myFunction(){var x=3;//定义xvar y=2;//定义yvar z;//定义zz=x%y;//计算x%y的值赋给zdocument.write("z=" + z );//输出z的值
}
</script>
</body>
</html>

（6）“ ++ ” 表示 “自增” 。“自增”即指定的变量在原有数值的基础上数值每次加1。共有两种形式：

第1种：“++”在后面。例如a++，表示变量a每次在原有值基础上自增1。假设a初始为0，执行a++ 三次后得到a=3。

第2种：“++”在前面。例如++a，表示变量a每次在原有值基础上自增1。假设a初始为0，执行++a 三次后得到a=3。

两种形式得到的结果相同，区别在于：a++时变量a先运算后再自增1，++a是变量a先自增1后再参与运算。

实例 z=x-y，之后循环使z自增3次，再输出结果：

<html>
<head>
<title>测试网页</title>
</head>
<body>
<p>令x=3,y=2,求z=x-y的值。之后z自增3次输出</p>
<button onclick="myFunction()">点击计算z=x-y的值，之后z自增3次输出</button>
<p id="demo"></p>
<script>/* 定义JavaScript 函数求z的值 */
function myFunction(){var x=3;//定义xvar y=2;//定义yvar z;//定义zz=x-y;//计算x-y的值赋给zfor(var i=0;i<3;i++){z++;//z自增 ，换成 ++z 结果一样}document.write("z=" + z );//输出z的值
}
</script>
</body>
</html>

（7）“ -- ” 表示 “自减” 。“自减”即指定的变量在原有数值的基础上数值每次减1。共有两种形式：

第1种：“--”在后面。例如a--，表示变量a每次在原有值基础上自减1。假设a初始为3，执行a-- 三次后得到a=0。

第2种：“--”在前面。例如--a，表示变量a每次在原有值基础上自减1。假设a初始为3，执行--a 三次后得到a=0。

两种形式得到的结果相同，区别在于：a--时变量a先运算后再自减1，--a是变量a先自减1后再参与运算。

实例 z=x+y，之后循环使z自减3次，再输出结果：

<html>
<head>
<title>测试网页</title>
</head>
<body>
<p>令x=3,y=2,求z=x+y的值。之后z自减3次输出<</p>
<button onclick="myFunction()">点击计算z=x+y的值，之后z自减3次输出</button>
<p id="demo"></p>
<script>/* 定义JavaScript 函数求z的值 */
function myFunction(){var x=3;//定义xvar y=2;//定义yvar z;//定义zz=x+y;//计算x+y的值赋给zfor(var i=0;i<3;i++){z--;//z自减 ，换成 --z 结果一样}document.write("z=" + z );//输出z的值
}
</script>
</body>
</html>

3.复合运算符

赋值运算符和算法运算符结合到一起组成复合运算符。包括：+=、-=、*=、/=、%=、>>=、<<=、>>>=、^=、&=、|= 共11种，前5种为算术复合运算符，比较常用；中间3种为位复合运算符；最后3种为逻辑复合运算符。

展开式例如：

x+=y 为 x=x+y。x-=y 为 x=x-y。x%=y 为 x=x%y。a>>=b 为 a=a>>b。a&=b 为 a=a&b。

其他复合运算符展开方法相同。

下面仅以 “%=”为例进行说明，其余复合运算符操作方法相同，可自行尝试练习。

（1）代码实现：

<html>
<head>
<title>测试网页</title>
</head>
<body>
<p>令x=3,y=2,求z=x+y的值，之后求z%=x的值</p>
<button onclick="myFunction()">点击计算z=x+y的值，并输出z%=x的值</button>
<p id="demo"></p>
<script>/* 定义JavaScript 函数求z的值 */
function myFunction(){var x=3;//定义xvar y=2;//定义yvar z;//定义zz=x+y;//计算x+y的值赋给zdocument.write("z=x+y 的值为：" + z );//输出z的值document.write("<br>");//换行z%=x;//计算z取余x的值再次赋给zdocument.write("z%=x 的值为：" + z );//输出z的值
}
</script>
</body>
</html>

（2）运行结果：

详解JavaScript运算符(一)：赋值、算术、复合运算符相关推荐

python中是什么运算符_Python中什么是算术运算符、赋值运算符和复合运算符？...
本篇文章给大家带来的内容是介绍Python中什么是算术运算符.赋值运算符和复合运算符.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所助. 算术运算符常见的算术运算符有 : + 加法运算符 ...
window 程序报错自动重启_好程序员web前端教程之详解JavaScript严格模式
好程序员web前端教程之详解JavaScript严格模式,严格模式(Strict mode)是由ECMA-262规范定义的新兴JavaScript标准,发布于2009年12月第五版.旨在改善错误检查功 ...
详解 javascript中offsetleft属性的用法（转）
详解 javascript中offsetleft属性的用法转载 2015-11-11 投稿:mrr 我要评论本章节通过代码实例介绍一下offsetleft属性的用法,需要的朋友可以做一 ...
es6字符串添加html标签,JavaScript_详解JavaScript ES6中的模板字符串，在 ES6 中引入了一种新的字符 - phpStudy...
详解JavaScript ES6中的模板字符串在 ES6 中引入了一种新的字符串字面量 - 模板字符串,除了使用反引号 (`) 表示,它们看上去和普通的字符串没有什么区别.在最简单的情况下,他们就是 ...
js模板字符串自定义类名_详解JavaScript ES6中的模板字符串
这篇文章主要介绍了详解JavaScript ES6中的模板字符串,JS的ES6版本带来诸多简洁化方面的重大改进,需要的朋友可以参考下在 ES6 中引入了一种新的字符串字面量 - 模板字符串,除了使用 ...
详解JavaScript对象深拷贝
详解JavaScript对象深拷贝在几乎所有编程语言中,对象都以引用形式保存给变量.复制给其他变量.JavaScript语言也是如此.因此简单的进行赋值操作进行复制仅仅是对对象数据的引用地址进行一个 ...
详解JavaScript变量类型判断及domReady原理写得很好
原文:详解JavaScript变量类型判断及domReady原理我们知道,在开发JavaScript时候,经常要判断JavaScript变量类型,此 JavaScript教程详细介绍JS变量的判断 ...
详解JavaScript数组过滤相同元素的5种方法
详解JavaScript数组过滤相同元素的5种方法:https://www.jb51.net/article/114490.htm 转载于:https://www.cnblogs.com/bydzha ...
详解Javascript本地存储的方式、区别及应用场景
详解Javascript本地存储的方式.区别及应用场景一.方式 javaScript本地缓存的方法我们主要讲述以下四种: cookie sessionStorage localStorage ind ...

详解JavaScript运算符(一)：赋值、算术、复合运算符

JavaScript运算符分别为：

1.赋值运算符

2.算术运算符

3.复合运算符

详解JavaScript运算符(一)：赋值、算术、复合运算符相关推荐

最新文章

热门文章