js 运算符

赋值运算符用于给js变量赋值 （ 加 减 乘 除）

例：var a；    这个变量值就是undefined  因为没有定义

var a = 10 ；var b = 2 ；

var s1 = a + b；var s2 = a - b；var s3 = a * b；var s4 = a / b；

结果：12，8，20，5

取余 % 

一个数除以另一个数   除不尽就是余数   

例：5除以2 = 2.5   当然 取余数 不能写成小数形式 

      5除以2  能被整除的就是2（5=2X2+1） 余下来1   因此1就是余数

小的数字除以大的数字，一个都不能被整除  

例：2除以5   那么余数就是2本身

自增运算符和自减运算符

自增运算符是++        （ ++a 是先让a自增 一次 在运算    a++ 是把a原来的值运算，然后再自增）

自减运算符是 --    

自增和自检都分为两种：

例： var a=10； var b = a++； console.log(b)；    b = 10！

自增运算符分前置++ 和后置++  

前置就是在变量前写 “++” 后置就是在变量后面写 “++”

后置的特点就是先让变量参加运算，运算结束以后再进行自增 ，也就是说先把a原来的值放进运算，然后自增。就是赋给变量b的值依然是10，而不是++后的11。

前置++ 是先让a的值自增一次，a本身是10，自增变为11，然后再运算

即可得 ： var a=10； var b = ++a； console.log(b)；    b = 11！

var  a = 1；  var b ； var sum = （ b = a++ + --a）+ a-- +b++；

var b  没有被定义  就是 undefined 

（ b = a++ + --a）

a++是后置++   就是先把a放进去运算，a还是等于1 ， 但是a++结束以后  a=2 

 换句话说 就是 当执行到 --a的时候  a=2  

--a是前置--   先自减 然后放进运算  上面a=2了，--a的话  a = 1   <= 最后a的值

所以 b = 1+1 =2     <=  b 的值

a-- 是后置--    参与运算的话a还是1 

 var sum = （ b = a++ + --a）+ a--  = 2 + 1 =3

b++ 就是后置++  所以b参加运算的时候还是b=2  

最后 var sum = （ b = a++ + --a）+ a-- +b++  = 3 + 2 = 5 

1+2+3+4····+100

var sun = 0 ;
for( var i = 1;i<101;i++){
sum = sum + i;
}
console.log(sum);

进入for循环的时候，先执行var i =1 然后执行 i<101（判断条件）

如果条件判断符合 就进入循环条件执行{ } 里面sum= sum +i  

再大括号里累加  每次循环的i 加到sum上  执行完才会执行 i++ 让 i 自增

用while循环解决：（while和for循环不同是：while循环只有一个判断表达式）

var sun = 0 ;
var i = 1;
while( i<101 ){
sum = sum + i;
i++;
}
console.log(sum);

---

赋值运算符

当 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

<p>设置 x=10 和 y=5, 计算 x+=y, 并显示结果。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction()
{
	var x=10;
	var y=5;
	x+=y;   //x=15 y=5
	x=x+y;  //x=20
	y=y+x;  //x=20 y=25  
    y+=x;   //x=20y=45
	
	var demoP=document.getElementById("demo")
	demoP.innerHTML="x=" + x + "y=" + y;
}

--------------------------------------------------------------------
<p>设置 x=10 和 y=5, 计算 x-=y, 并显示结果。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction()
{
	var x=10;
	var y=5;
	x-=y;  //x=5 y=5
	x=x-y;  //x=0 y=5
	y-=x;   //x=0 y=5
	y=y-x;  //x=0 y=5
	var demoP=document.getElementById("demo")
	demoP.innerHTML="x=" + x+"y=" + y;
}
---------------------------------------------------------------------
<p>设置 x=10 和 y=5, 计算 x*=y, 并显示结果。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction()
{
	var x=90;
	var y=5;
	x*=y;  //x=450  y=5
	x=x*y; // x=2250 y=5
	var demoP=document.getElementById("demo")
	demoP.innerHTML="x=" + x+"y=" + y;
}
----------------------------------------------------------------------
<p>设置 x=10 和 y=5, 计算 x/=y, 并显示结果。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction()
{
	var x=10;
	var y=5;
	x/=y;  //x=2 y=5
	x=x/y;  //x=0.4 y=5
	y/=x;   //x=0.4  y=12.5
	var demoP=document.getElementById("demo");
	demoP.innerHTML="x=" + x + "y=" + y ;
}
----------------------------------------------------------------------
<p>设置 x=10 和 y=5, 计算 x%=y, 并显示结果。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction()
{
	var x=58;  // var x=10 var  y=3
	var y=6;   // var x=58 var  y=6
	x%=y;    //x=1  y=3 
	         //x=4  y=6
	var demoP=document.getElementById("demo")
	demoP.innerHTML="x=" + x + "y=" + y;
}

---

对字符串和数字进行加运算

<p>点击按钮创建及增加字符串变量。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
	var x=5+5;    //x=10
	var y="789"+5;  // y=7895
	var z="Hello"+5; //z=Hello5
	var o= "苹果"+ 1   //o=苹果1
	var demoP=document.getElementById("demo");
	demoP.innerHTML=x + "<br>" + y + "<br>" + z+ "<br>" + o;
}

---

比较和逻辑运算符

运算符	描述	比较	返回值	实例
==	等于	x==8	false	实例 »
		x==5	true	实例 »
===	绝对等于（值和类型均相等）	x==="5"	false	实例 »
		x===5	true	实例 »
!=	不等于	x!=8	true	实例 »
!==	不绝对等于（值和类型有一个不相等，或两个都不相等）	x!=="5"	true	实例 »
		x!==5	false	实例 »
>	大于	x>8	false	实例 »
<	小于	x<8	true	实例 »
>=	大于或等于	x>=8	false	实例 »
<=	小于或等于	x<=8	true

JavaScript 比较和逻辑运算符 | 菜鸟教程

<p>x=5, 返回 x!==5 的比较值结果。</p>
<button onclick="myFunction()">尝试一下</button>
<p id="demo"></p>
	<p id="demo2"></p>
		<p id="demo3"></p>

<script>
function myFunction()
{
	var  x=5;
	var y =9;
	var z =6;
	document.getElementById("demo").innerHTML= x!==9;  //true
	document.getElementById("demo2").innerHTML= y!==9; //false
	document.getElementById("demo3").innerHTML= z!=="2"; //true

}

---

undefined 和 null 的区别
null 和 undefined 的值相等，但类型不等：

typeof undefined // undefined
typeof null // object
null === undefined // false
null == undefined // true

---

逻辑运算符

逻辑运算符用于测定变量或值之间的逻辑。

给定 x=6 以及 y=3，下表解释了逻辑运算符：

运算符	描述	例子
&&	and	(x < 10 && y > 1) 为 true
||	or	(x==5 || y==5) 为 false
!	not	!(x==y) 为 true

---

条件运算符

JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。

语法

variablename=(condition)?value1:value2 

？ ：  这叫条件运算符

变量  =    (布尔运算) ?   真值 :  假值

等同

var  变量;
if(布尔运算){
    变量 = 真值
}  else {
    变量 = 假值
} 

例：

var b=1>2?4:5;
意思是如果1>2,那么b=4;
如果1<=2,那么b=5;

实例

如果变量 age 中的值小于 18，则向变量 voteable 赋值 "年龄太小"，否则赋值 "年龄已达到"。

voteable=(age<18)?"年龄太小":"年龄已达到";