Js运算符

运算符

运算符：用来运算的符号就是运算符

运算:由一个数值或多个数值在运算的过程中产生一个新的值得过程就叫做运算

算术运算符（+ - * / %）

<script>
	//算数运算符:+ - * / %
	var num1 = 10;
	var num2 = 20;
	var num3 = num1 + num2;//30
	num3 = num1 - num2;//-10
	num3 = num1 * num2;//200
	num3 = num1 / num2;//0.5
	num3 = num2 % num1;//0   取余  除数 / 被除数  == 商 ... 余数
	console.log(num3);
	console.log(typeof(num3));
</script>
			

<script>
	//++ 自增  自己+1
	var num = 10;
	num++; 
	console.log(num);
	//++ 自增 自己+1
	var num4 = 10;
	++num4;
	console.log(num4);
	//-- 自减  自己-1
	var num5 = 10;
	num5--;
	console.log(num5);

	var num6 = 10;
	--num6;
	console.log(num6);

	var num7 = 10;
	var num8 = 20;

	//++在后  先解析 后运算
	var num9 = num7++ + num8++; 
	console.log(num9);//30
			
			
	console.log(num7);//11
	//++在前  先运算 后解析
	var n = 10;
	var m = 20;
	var r = ++n + m; // 1+10 +20 = 31;
	console.log(r);//31*/
</script>

赋值运算符（+= -= *= /= %=）

<script>
	var num = 10;
	num+=10;//20 num = num + 10; num = 10+10; num = 20
	console.log(num);
	num-=10;//num = num - 10; num = 20 -10; num = 10
	console.log(num);
	num*=10;//
	console.log(num);//100
	num/=10;
	console.log(num);//10
	num%=10;
	console.log(num);//0	
</script>

逻辑运算符（|| ！ &&）

逻辑与    && 真真为真,假假为假,其他都为假
逻辑或    || 真假为真,假假为假,真真亦为真
逻辑非    !  真亦假,假亦真

<script>
	var num = 10;
	var ber = 20;
	// 10 <= 20 true  10>=20 false
	console.log(num <= ber && num >=20);// false

	var b = true;
	var c = false;
	console.log(b || c);//true

	var nan = true;
	console.log(!nan);//false

	var nv = false;
	console.log(!nv);//true
</script>

比较运算符（> < >= <= == === != !==）

<script>
	var s = '30';
	// == 相等  不分类型
	console.log(num1 == s);//true
	// === 全等  区分类型 更严格
	console.log(num1 === s);//false

	// != 不等于 不区分类型
	// number 30  string 30
	console.log(num1 != s);//false
	// !== 不全等于 区分类型
	console.log(num1 !== s);//true

	//>= 大于等于  <= 小于等于
	var n = 20;
	var m = 30;
	console.log(n <= m);//true
	console.log(m >= 40);//false
</script>

字符串运算符（+）

<script>
	var s = '张三';
	var t = '李四';
	document.write('我 今天  非常高兴'+"<br/>"+'张三被李四给唱了'+t+'漂亮的姑娘');
</script>

三元运算符

表达式1?表达式2:表达式3;
条件[真\假]?真:假;

<script>
	var people = '女';
	console.log(people == '男'?'是个美女':'老男人一枚');
	console.log(people == '134');
	//分支结构
	if(people == '134'){
		document.write('乔碧萝');
	}else{
		document.write('蔡徐坤');
	}
</script>

流程控制

1- 顺序结构  自上而下解析
2- 分支结构  if结构  if..else结构 if..else if结构 switch..case结构  三元运算符
3- 循环结构  for  while  do..while  for .. in

<script>
	//if分支结构
	var zmd = 15;
	if(zmd >= 18){
		document.write('你可以上网吧了'+"<br/>");
	}
		document.write('甭管你满不满18 你都得回家!'+'<br/>');

	//if...else结构
	var lz = 2;
	if(lz >=60){
		document.write('恭喜你,躲过了一劫'+'<br/>');
	}else{
		document.write('男女混合双打');
	}
</script>