大前端

前端学习之家-大前端

5.js流程控制,if判断,switch循环等要求掌握。基础多练打牢打牢。

文章目录

  • 流程控制
      • 一 流程控制简介
            • 1.1 什么是流程控制
            • 1.2 判断语句/条件语句
            • 1.3 if 判断
            • 1.4 if-else判断 if如果 else否则
            • 1.5 多条件判断
            • 1.6 区间判断 if-else if-else
            • 1.7 swtich-case
            • 1.8 个人所得税计算器

流程控制

一 流程控制简介

1.1 什么是流程控制

控制流程(也称为流程控制)是计算机运算领域的用语,意指在程序运行时,个别的指令(或是陈述、子程序)运行或求值的顺序。不论是在声明式编程语言或是函数编程语言中,都有类似的概念。

我们现在的代码是从上往下执行,并且执行一次。有的时候,我们需要让某段代码,选择性执行、多次执行等等一些操作。

所以需要使用到流程控制语句,这些语句能帮我们完成代码的选择性执行、循环执行等等操作。

1.2 判断语句/条件语句

条件语句是用来判断给定的条件是否满足(表达式值是否为0),并根据判断的结果(真或假)决定执行的语句,选择结构就是用条件语句来实现的。

1.3 if 判断

语法结构:

if ( 条件表达式 ) { 代码块 }

执行流程:

首先先执行条件表达式,当条件表达式为真的时候,则执行大括号里面的代码块。当条件为非真的时候,不执行大括号里面的代码块。

<script type="text/javascript">
						
			var  a = prompt("请输入一个数字");
			
			//当用户输入的数字 > 90的时候 才弹框
			
			if( a>90  ){
				alert(123);
			}
		
</script>

练习:请输入令狐冲的java考试成绩,如果小于60,则输出 去思过崖思过。

1.4 if-else判断 if如果 else否则

语法结构:

if (条件表达式) { 代码块 } else { 代码块 }

执行流程

首先执行条件表达式,如果条件成立,则执行if大括号里面的代码,如果条件不成立,则执行else大括号里面的代码。

也就是说 if的代码块 和 else的代码块 有且只有一个能执行

练习:请输入令狐冲的java考试成绩,如果小于60,则输出 去思过崖思过 否则奖励紫霞神功。

<script type="text/javascript">
			
			var  s = prompt("请输入令狐冲");
			
			if(s<60) {
				document.write("不及格 思过崖思过去");
			}else{
				document.write("优秀 奖励你 紫霞神功");
			}
				
		</script>
1.5 多条件判断

练习:请输入令狐冲的java成绩和音乐成绩,如果java成绩大于80,音乐成绩大于60 则输出 奖励,否则 思过崖。

方案A :嵌套判断

<script type="text/javascript">
			var s1 = prompt("请输入令狐冲Java成绩");
			var s2 = prompt("请输入令狐冲的音乐成绩");

			if (s1 > 80) {
				if (s2 > 60) {
					document.write("奖励你 紫霞神功");
				} else {
					document.write("思过崖 去吧");
				}
			} else {
				document.write("思过崖 去吧");
			}
		</script>

方法B : && 并且 连接多个条件,代表多个条件都成立的时候 整体才成立

<script type="text/javascript">
			
			var s1 = prompt("请输入令狐冲Java成绩");
			var s2 = prompt("请输入令狐冲的音乐成绩");

			if( s1 >80 && s2>60 ){
				document.write("奖励你");
			}else{
				document.write("思过崖");
			}
			
		</script>

练习:请输入令狐冲的java成绩和音乐成绩,如果java成绩大于80,或者音乐成绩大于60 则输出 奖励,否则 思过崖。

方案A :嵌套

方案B : || 或者 连接多个判断条件,只要有一个成立,则整体就成立

<script type="text/javascript">
			
			var s1 = prompt("请输入令狐冲Java成绩");
			var s2 = prompt("请输入令狐冲的音乐成绩");

			if( s1 >80 || s2>60){
				document.write("奖励你");
			}else{
				document.write("思过崖");
			}
			
		</script>
1.6 区间判断 if-else if-else

练习:请输入令狐冲的java成绩,大于90 输出优秀 ,80–90之间输出良好,70----80之间输出一般,70以下输出很差

	<script type="text/javascript">
			
			var s1 = prompt("请输入令狐冲Java成绩");
			
			
			if(s1>90){
				document.write("优秀");
			}else if( s1 > 80  ){
				document.write("良好");
			}else if( s1 > 70 ){
				document.write("一般");
			}else {
				document.write("很差");
			}
		
		</script>

语法结构:

if( 条件表达式1 ) { 代码块 } else if(条件表达式) { 代码块 } else { 代码块}

① else -if 可以添加多个 ② else-if 一定是在前面条件不成里的情况下才去执行

③ 区间判断的时候 要合理分配区间

练习题: 请输入一个人的身高和体重,根据公式 输出 偏胖 偏瘦 正常

公式 : 标准体重 = 身高 - 105; 上下浮动3;

	<script type="text/javascript">
			
			/**
			 *  请输入一个人的身高和体重,根据公式 输出 偏胖 偏瘦 正常
                公式  :     标准体重 = 身高 - 105;    上下浮动3;	
				
			 */
			var  h = prompt("请输入您的身高");
			var  w = prompt("请输入您的体重");
			
			var  b =  h - 105;
			var  min = b-3;
			var  max = b+3;
			
			if ( w < min ){
				document.write("偏瘦");
			}else if( w >  max){
				document.write("偏胖");
			}else{
				document.write("正常");
			}
			
		</script>
1.7 swtich-case
	<script type="text/javascript">
			
			var  num = prompt("请输入响应的案件  选择你需要功能");
			/***
			switch(变量){
				case 值 :  代码块   break; 
				case 值 :  代码块   break; 
				case 值 :  代码块   break; 
				case 值 :  代码块   break; 
				case 值 :  代码块   break; 
				default :          ;
			}
			
			*/
			switch(num){
				case  "1" :
				    document.write("人工智能");
				   break;
				case  "2" :
				    document.write("智能人工");
				   break;
				case  "3" :
				    document.write("功能智人");
				   break;
				
				default:
				    document.write("暂无该功能");
			}
			
		</script>
1.8 个人所得税计算器

个人所得税 =(工资 - 三险一金 - 个税起征点)x 税率 - 速算扣除数

其中小括号里的“工资 - 三险一金 - 个税起征点”通常被称为“应纳税所得额”或“应纳税额”

****工资****:即初始收入(合同上所写的收入)

****起征点****:自2011年起,起征点由2000元上调至3500元

起征点3500并不是工资超过3500就要交个人所得税

而是 工资-三险一金之后 还超过3500 才交个人所得税

****税率****:由3%上涨到45%,有7个等级,分别与7个不同区间的应纳税所得额对应

****速算扣除数****:由0上涨到13505,也有7个等级,与不同税率相对应:

全月应纳税所得额税率速算扣除数(元)
全月应纳税额不超过1500元3%0
全月应纳税额超过1500元至4500元10%105
全月应纳税额超过4500元至9000元20%555
全月应纳税额超过9000元至35000元25%1005
全月应纳税额超过35000元至55000元30%2755
全月应纳税额超过55000元至80000元35%5505
全月应纳税额超过80000元45%13505

注:①表中所列含税级距、不含税级距,均为按照税法规定减除有关费用后的所得额。

②含税级距适用于由纳税人负担税款的工资、薪金所得;不含税级距适用于由他人(单位)代付税款的工资、薪金所得。

举例说明:假设月工资为6000元,工作地点是广州(养老保险8%、医疗保险2%、失业保险1%、住房公积金 8%),那么“应纳税额”=6000 - 6000x(8%+2%+1%+8%) - 3500=1360元。查上表可知,与1360元对应的税率和速算扣除数分别为3%和0,因此个税=1360x3% - 0=40.8元。也就是说,在广州月工资6000元需要缴纳个人所得税40.8元。虽然最后实际到手只有4000多元,但至少知道了,“少了的钱”几乎都用来缴纳五险一金了,只有极少一部分用来缴纳个税而已。

工资不超过 7662 那么五险一金就按照工资20%计算超过 7662 五险一金就按照 766220%

五险一金

养老:单位20%,个人8%。

失业:单位2%,个人1%。

医疗:单位6-4%,个人2-4%。

工伤:单位1%,个人0%。

生育:单位1%,个人0%。

各地可能略有变动。

一金一般是单位8%-12%,个人也一样。

发表评论:

Copyright Your WebSite.Some Rights Reserved.