js基础(条件语句 循环语句)

Posted xiren88

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js基础(条件语句 循环语句)相关的知识,希望对你有一定的参考价值。

条件语句

  if语句块的语法形式如下:

    //只有两种情况下if(条件){要执行的语句块;}else{要执行的语句块;}

 

    //多种情况下if(条件){要执行的语句块;}else if(条件){要执行的语句块;}else{要执行的语句块;}

  switch 语句的语法形式如下

    switch(表达式){case 值1:执行的语句块;break;case 值2:执行的语句块;break;case 值3:执行的语句块;break;

          default:执行的语句块;}

    练习:

<script>
//1.提示用户输入需要的商品
	var goods = prompt("用户输入需要的商品")
	//2.对商品进行处理
	switch (goods){
		case "汉堡":
			document.write("您要的商品是汉堡,请付15元");
			alert("您要的商品是汉堡,请付15元");
			break;
		case "可乐":
			document.write("您要的商品是可乐,请付10元");
			alert("您要的商品是可乐,请付10元");
			break;
		case "鸡米花":
			document.write("您要的商品是鸡米花,请付25元");
			alert("您要的商品是鸡米花,请付25元");
			break;
		default:
			document.write("请输入正确商品");
			alert("请输入正确商品");
			break;
	}
</script>

  

循环语句 

  for(表达式1;表达式2;表达式3){循环体语句;}  提示当循环次数确定的情况下,一般使用for循环。相比while和do while语法更简洁。

  break直接终止循环,continue结束本次循环而直接进入下一次循环。

  for…in 的基本结构 for(变量 in 对象){执行的语句块;}

  while条件表达式){循环执行的代码}   时机 :一个动作被重复执行到满足某个条件时

  do-while      do{循环执行的代码}while(条件表达式);  时机:希望一个动作至少被执行一次

 

  练习1表格

  代码

 

<script type="text/javascript">
	document.write("<table border=\'1\'>")
	for (var i = 0; i < 4; i++) {
		document.write("<tr>");	
		for (var j = 0; j < 3; j++) {
			document.write("<td>"+j+"</td>");
		}
		document.write("</tr>");	
	}
</script>

 

  效果

练习二99乘法口诀

代码:

<script type="text/javascript">
	for (var i = 1; i < 10; i++)
	{
		for (var j= 1; j <= i; j++)
		{
			var c=i*j;
			document.write(j+"*"+i+"="+c+"  ");
		}
		document.write("<br>");
	}
</script>

效果:

练习三

代码:

<script type="text/javascript">
	for (var i = 1; i > 0; i++) {
		var aa = prompt("请输入密码");
		var bb = "000000";
		if (aa === bb) {
			break;
		} else if (i <= 3) {
			continue;
		} else {
			alert("密码错误请取卡");
		}
	}
	var cc = prompt("请输入取款金额");
	for (var i = 1; i > 0; i++) {
		if (cc >= 100 && cc < 1000 && cc % 100 == 0) {
			document.write(cc);
			break;
		} else {
			var cc = prompt("请重新输入取款金额");
		}
	}
	alert("交易完成请取卡");
</script>
<!--改进后 -->
<script type="text/javascript">
	for (var i = 1; i > 0; i++) {
		var aa = prompt("请输入密码");
		var bb = "000000";
		if (aa === bb) {
			var cc = prompt("请输入取款金额");
			for (var i = 1; i > 0; i++) {
				if (cc % 100 == 0 && cc < 1000 && cc > 0) {
					document.write(cc);
					break;
				} else {
					var cc = prompt("请重新输入取款金额");
				}
			}
			alert("交易完成请取卡");
		} else if (i > 2) {
			alert("密码错误请取卡");
		}
	}
//第三种

  for (var i = 1; i > 0; i++) {
    var aa = prompt("请输入密码");
    var bb = "000000";
    if (aa === bb) {
      var cc = prompt("请输入取款金额");
      if (cc % 100 == 0 && cc < 10000 && cc > 0) {
      document.write("请拿好现金"+cc);
      } else {
      var cc = prompt("请重新输入取款金额");
      }
      alert("交易完成请取卡");
     } else if (i > 2) {
      alert("密码错误请取卡");
      break;
     }
   }

</script>

  练习四5

    篮球从5米高的地方掉下来,每次弹起的高度是原来的30%,经过几次弹起,篮球的高度是0.1米 结果4;

代码:

var hh=5;
	var ci=0;
	while (true){
		hh=hh*0.3;
		ci++;
		if (hh<=0.1) {
			document.write(ci);
			break;
		}
	}

  练习五  折纸多少次超过喜马拉雅山高度(纸厚度0.1mm) 结果27

代码:

var hh1=0.0001;
	var ci1=0;
	while (true){
		hh1=hh1*2;
		ci1++;
		if (hh1>=8848) {
			document.write(ci1);
			break;
		}
	}

  练习六  公园里有一只猴子和一堆桃子,猴子每天吃掉桃子总数的一半,把剩下一半中扔掉一个坏的。到第七天的时候,猴子睁开眼发现只剩下一个桃子。问公园里刚开始有多少个桃子?  结果190

 代码:

var n=1;
	for (var i = 7; i >1; --i) {
		n=2*(n+1);
	}
	document.write(n+"<br>");

  练习七  有一个棋盘,有64个方格,在第一个方格里面放1粒芝麻重量是0.00001kg,第二个里面放2粒,第三个里面放4,求棋盘上放的所有芝麻的重量 结果184467440737095.5kg

代码:

var sum=0,count;
	var i=1;
	count=1;
	while(i<65){
		i++;
		sum=sum+count*0.00001;
		count=count*2;
	}
	document.write(i+"&&"+sum+"<br />");

  练习八          假设某人有100,000现金.每经过一次路口需要进行一次交费. 交费规则为当他现金大于50,000时每次需要交5%如果现金小于等于50,000时每次交5,000.请写一程序计算此人可以经过多少次这个路口     结果24

 代码:

	var mm=100000,
	j=0;
	while(true){
		j++;
		if (mm>50000) {
			mm=mm-mm*0.05;
		} else if(mm>=5000){
			mm=mm-5000;
		}
		else{
			document.write(j+"<br/>");
			document.write(mm);
			break;
		}
	}

  

 

 

 

以上是关于js基础(条件语句 循环语句)的主要内容,如果未能解决你的问题,请参考以下文章

前端—— JavaScript基础操作:if语句for循环while循环for...infor...of异常处理函数事件JS选择器JS操作页面样式

js基础语句

JS基础笔记——语句篇

js基础⑤

条件语句循环语句

Javascript 基础学习js 的语句