JavaScript基础之算术运算符 前后增量/前后减量运算符 比较运算符逻辑运算符 程序流程控制

Posted H5小菜鸟

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript基础之算术运算符 前后增量/前后减量运算符 比较运算符逻辑运算符 程序流程控制相关的知识,希望对你有一定的参考价值。

 

1.算术运算符 

加、减、乘、除、求余,其中%是求余运算

 

 

 +  运算符

 

a.如果加号两边都是字符串,那么加号的作用是连接。

 

b.如果加号的两边都是数值,那么加号的作用是相加。

 

c.如果加号一边是字符串,那么加号的作用是连接。

var num1 = 123
var string1 = "123"
console.log(num1 + string1) //这是的+运算符是链接作用,结果为123123
console.log(num1 + num1)  //两边都是数值,+运算符是相加的作用,结果为246

 

-  运算符      就是两个数值之间的运算。

*  运算符     就是两个数值之间相乘

/  运算符     就是两个数值之间相除

%取余,取模  余数:10 / 3 = 3.....1;     1是余数

 

 

运算符的简写:

 

 

a = a + 2 ;   a += 2;
a = a - 2 ;   a -=2;
a = a * 2;   a*=2;
a = a/ 2 ;   a /= 2;
a = a % 2;  a %=2;

 

  

 

 

 

2.自增量/自减量运算符 ++ ,--

 

自增:

    var a = 1;

    var b = 2;  

先加: ++a;

var c = a ++ + b++;

//凡是看到先加,先计算加加,

//再进行计算

后加: a++;

var c = ++a  +  ++b;

  //凡是看到后加,先把加加去掉,去掉以后进行计算

//得出结果以后再自加加 

自减的--a和a--也是以此类推

 

3.比较运算符 ( >, <, >=, <=, ==, !=,===,!== )

alert ( 10 > 5 );	//true

  

     var i = 100;
	var n = 100;
	alert(i == n);	//true;
	alert(i != n);	//false;
        alert(i === n)         //数据类型,值相等 

  

4.逻辑运算符( &&, || , !) 

&& : 逻辑与(并且)  

  &&特点:一flasefalse

|| : 逻辑或(或者)

  ||特点:一truetrue.

! :逻辑非(取反)

var i = 8;
alert ( i<5 && i<10);  //false
( i > 100 || i < 10);  //true
(!(10 > 5));  //false

  

逻辑运算符的优先级:

! > && > ||

()>*,/ > +,-

 

 

 5. 程序流程控制

if ... else 结构:

 

if (条件){
	代码一
}
else {
	代码二
}

 

if...else if ...else:

if (条件){
	代码块1
}else if (条件/boolean){
	代码块2
}else {
	代码块3
}

  

switch case:

 

switch (变量){
	case 变量的值1:
		代码块1;
		break;
	case 变量的值2:
		代码块2;
		break;
	case 变量的值3:
		代码块3;
		break;
	.....
	default:
		默认代码块;
		break;
}

  

注意:

1.case可以有任意多个

2.case的结事部分必须有break

3.case的变量值后面加的冒号

4.default可以写也可以不写,但是如果不写都满足条件代码直接结束。

 

以上是关于JavaScript基础之算术运算符 前后增量/前后减量运算符 比较运算符逻辑运算符 程序流程控制的主要内容,如果未能解决你的问题,请参考以下文章

javascript基础03

javascript基础03

javascript基础学习

前端之JavaScript

JavaScript --[javaScript概述 ,基础语法之变量,数据类型,运算符,控制语句]

javascript 之算术运算(Math对象的运用)