JavaScript基础06-day08【if练习、条件分支语句switch、for循环】

学习地址:

  1. 谷粒学院——尚硅谷
  2. 哔哩哔哩网站——尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通)

JavaScript基础、高级学习笔记汇总表【尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通)】

目   录

P31 31.尚硅谷_JS基础_if练习一 12:24

if练习1

P32 32.尚硅谷_JS基础_if练习二 19:36

if练习2

if练习3

if (num = 10) // 10转换为Boolean值,为true

P33 33.尚硅谷_JS基础_条件分支语句 18:50

P34 34.尚硅谷_JS基础_switch练习 09:48

switch小练习

P35 35.尚硅谷_JS基础_while循环 24:20

P36 36.尚硅谷_JS基础_while的练习 12:40

while小练习

P37 37.尚硅谷_JS基础_for循环 22:15

for循环练习1:打印1-100之间所有奇数之和

P38 38.尚硅谷_JS基础_for循环 16:11

for循环练习2:打印1-100之间所有7的倍数的个数及总和

for循环练习3:水仙花数

P39 39.尚硅谷_JS基础_质数练习 12:53

for循环练习4:质数

P40 40.尚硅谷_JS基础_补充质数练习 06:40


P31 31.尚硅谷_JS基础_if练习一 12:24

if练习1

 

isNaN(score):isNaN() 函数用于检查其参数是否是非数字值。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>if练习1</title>
		<script type="text/javascript">
			/*
			 * 	从键盘输入小明的期末成绩:
			 *	当成绩为100时,'奖励一辆BMW'
			 *	当成绩为[80-99]时,'奖励一台iphone15s'
			 *	当成绩为[60-80]时,'奖励一本参考书'
			 *	其他时,什么奖励也没有
			 */

			/*
			 * prompt()可以弹出一个提示框,该提示框中会带有一个文本框,
			 * 	用户可以在文本框中输入一段内容,该函数需要一个字符串作为参数,
			 * 	该字符串将会作为提示框的提示文字
			 * 
			 * 用户输入的内容将会作为函数的返回值返回,可以定义一个变量来接收该内容
			 */
			//score就是小明的期末成绩
			var score = prompt("请输入小明的期末成绩(0-100):");
			//判断值是否合法
			if (score > 100 || score < 0 || isNaN(score)) {
				alert("拉出去毙了~~~");
			} else {
				//根据score的值来决定给小明什么奖励
				if (score == 100) {
					//奖励一台宝马
					alert("宝马,拿去~~~");
				} else if (score >= 80) {
					//奖励一个手机
					alert("手机,拿去玩~~~");
				} else if (score >= 60) {
					//奖励一本参考书
					alert("参考书,拿去看~~~");
				} else {
					alert("棍子一根~~");
				}
			}
		</script>
	</head>
	<body>

	</body>
</html>

P32 32.尚硅谷_JS基础_if练习二 19:36

if练习2

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>if练习2</title>
		<script type="text/javascript">
			/*
			 * 	大家都知道,男大当婚,女大当嫁。那么女方家长要嫁女儿,当然要提出一定的条件: 
			 *	高:180cm以上; 富:1000万以上; 帅:500以上;
			 *	如果这三个条件同时满足,则:'我一定要嫁给他'
			 *	如果三个条件有为真的情况,则:'嫁吧,比上不足,比下有余。' 
			 *	如果三个条件都不满足,则:'不嫁!' 
			 */
			var height = prompt("请输入你的身高(CM):");
			var money = prompt("请输入你的财富(万):");
			var face = prompt("请输入你的颜值(PX):");
			//如果这三个条件同时满足,则:'我一定要嫁给他'
			if (height > 180 && money > 1000 && face > 500) {
				alert("我一定要嫁给他~~");
			} else if (height > 180 || money > 1000 || face > 500) {
				//如果三个条件有为真的情况,则:'嫁吧,比上不足,比下有余。' 
				alert("嫁吧,比上不足,比下有余。");
			} else {
				//如果三个条件都不满足,则:'不嫁!' 
				alert("不嫁。");
			}
		</script>
	</head>
	<body>

	</body>
</html>

if练习3

if练习1、if练习2,prompt获取值后不加“+”:因为前面的跟数字比较,会自动转换,if练习3是三个输入的字符串比较。

prompt()函数的返回值是String类型的。

var num1 = +prompt("请输入第一个数:"); // 将返回值转换为数字。

   

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>if练习3</title>
		<script type="text/javascript">
			/*
			 * 	编写程序,由键盘输入三个整数分别存入变量num1、num2、num3,
			 * 	对他们进行排序,并且从小到大输出。
			 */

			//获取用户输入的三个数
			/*
			 * prompt()函数的返回值是String类型的。
			 */
			var num1 = +prompt("请输入第一个数:");
			var num2 = +prompt("请输入第二个数:");
			var num3 = +prompt("请输入第三个数:");

			//找到三个数中最小的数
			if (num1 < num2 && num1 < num3) { // num1最小,比较num2和num3
				if (num2 < num3) {
					//num1 num2 num3
					alert(num1 + "," + num2 + "," + num3);
				} else {
					//num1 num3 num2
					alert(num1 + "," + num3 + "," + num2);
				}
			} else if (num2 < num1 && num2 < num3) { // num2最小,比较num1和num3
				if (num1 < num3) {
					//num2 num1 num3
					alert(num2 + "," + num1 + "," + num3);
				} else {
					//num2 num3 num1
					alert(num2 + "," + num3 + "," + num1);
				}
			} else { // num3最小,比较num1和num2
				if (num1 < num2) {
					// num3 num1 num2
					alert(num3 + "," + num1 + "," + num2);
				} else {
					//num3 num2 num1
					alert(num3 + "," + num2 + "," + num1);
				}
			}
		</script>
	</head>
	<body>

	</body>
</html>

if (num = 10) // 10转换为Boolean值,为true

10转换为Boolean值,为true。

P33 33.尚硅谷_JS基础_条件分支语句 18:50

/*
 * 条件分支语句也叫switch语句
 *     语法:
 *         switch(条件表达式) {
 *             case 表达式:
 *                 语句...
 *                 break;
 *          case 表达式:
 *                 语句...
 *                 break;
 *             default:
 *                 语句...
 *                 break;
 *         }
 * 
 *     执行流程:
 *         switch...case..语句
 *         在执行时会依次将case后的表达式的值和switch后的条件表达式的值进行全等比较,
 *             如果比较结果为true,则从当前case处开始执行代码。
 *                 当前case后的所有的代码都会执行,我们可以在case的后边跟着一个break关键字,
 *                 这样可以确保只会执行当前case后的语句,而不会执行其他的case
 *             如果比较结果为false,则继续向下比较
 *             如果所有的比较结果都为false,则只执行default后的语句
 * 
 *     switch语句和if语句的功能实际上有重复的,使用switch可以实现if的功能,
 *         同样使用if也可以实现switch的功能,所以我们使用时,可以根据自己的习惯选择。
 */

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			//根据num的值,输出对应的中文
			var num = 3;
			if (num == 1) {
				console.log("壹");
			} else if (num == 2) {
				console.log("贰");
			} else if (num == 3) {
				console.log("叁");
			}

			num = "hello";
			switch (num) {
				case 1:
					console.log("壹");
					//使用break可以来退出switch语句
					break;
				case 2:
					console.log("贰");
					break;
				case 3:
					console.log("叁");
					break;
				default:
					console.log("非法数字~~");
					break;
			}
		</script>
	</head>
	<body>
	</body>
</html>

P34 34.尚硅谷_JS基础_switch练习 09:48

switch小练习

score/10 = 9.9(score == 99),用parseInt()将浮点数转为int型数据。

P35 35.尚硅谷_JS基础_while循环 24:20

/*
 * 循环语句:
 *     通过循环语句可以反复的执行一段代码多次。
 * 
 * while循环
 *     - 语法:
 *         while(条件表达式){
 *             语句...
 *         }

 * 
 *     - while语句在执行时,
 *         先对条件表达式进行求值判断,
 *             如果值为true,则执行循环体,
 *                 循环体执行完毕以后,继续对表达式进行判断
 *                 如果为true,则继续执行循环体,以此类推
 *             如果值为false,则终止循环
 * 
 * do...while循环
 *     - 语法:
 *         do{
 *             语句...
 *         }while(条件表达式)

 * 
 *     - 执行流程:
 *         do...while语句在执行时,会先执行循环体,
 *             循环体执行完毕以后,再对while后的条件表达式进行判断,
 *             如果结果为true,则继续执行循环体,执行完毕继续判断以此类推
 *             如果结果为false,则终止循环
 * 
 *         实际上这两个语句功能类似,不同的是while是先判断后执行,
 *             而do...while会先执行后判断,
 *         do...while可以保证循环体至少执行一次,
 *             而while不能
 */

   

P36 36.尚硅谷_JS基础_while的练习 12:40

这是下午的课程!

while小练习

  

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>if练习1</title>
		<script type="text/javascript">
			/*
			 * 	从键盘输入小明的期末成绩:
			 *	当成绩为100时,'奖励一辆BMW'
			 *	当成绩为[80-99]时,'奖励一台iphone15s'
			 *	当成绩为[60-80]时,'奖励一本参考书'
			 *	其他时,什么奖励也没有
			 */

			/*
			 * prompt()可以弹出一个提示框,该提示框中会带有一个文本框,
			 * 	用户可以在文本框中输入一段内容,该函数需要一个字符串作为参数,
			 * 	该字符串将会作为提示框的提示文字
			 * 
			 * 用户输入的内容将会作为函数的返回值返回,可以定义一个变量来接收该内容
			 */
			//将prompt放入到一个循环中
			while (true) {
				//score就是小明的期末成绩
				var score = prompt("请输入小明的期末成绩(0-100):");
				//判断用户输入的值是否合法
				if (score >= 0 && score <= 100) {
					//满足该条件则证明用户的输入合法,退出循环
					break;
				}
				alert("请输入有效的分数!!!");
			}

			//判断值是否合法
			if (score > 100 || score < 0 || isNaN(score)) {
				alert("拉出去毙了~~~");
			} else {
				//根据score的值来决定给小明什么奖励
				if (score == 100) {
					//奖励一台宝马
					alert("宝马,拿去~~~");
				} else if (score >= 80) {
					//奖励一个手机
					alert("手机,拿去玩~~~");
				} else if (score >= 60) {
					//奖励一本参考书
					alert("参考书,拿去看~~~");
				} else {
					alert("棍子一根~~");
				}
			}
		</script>
	</head>
	<body>

	</body>
</html>

P37 37.尚硅谷_JS基础_for循环 22:15

/*
 * for语句,也是一个循环语句,也称为for循环
 *     在for循环中,为我们提供了专门的位置用来放三个表达式:
 *         1.初始化表达式
 *         2.条件表达式
 *         3.更新表达式
 * 
 *  for循环的语法:
 *         for(①初始化表达式;②条件表达式;④更新表达式){
 *             ③语句...
 *         }
 * 
 *         for循环的执行流程:
 *             ①执行初始化表达式,初始化变量(初始化表达式只会执行一次)
 *             ②执行条件表达式,判断是否执行循环。
 *                 如果为true,则执行循环③
 *                 如果为false,终止循环
 *             ④执行更新表达式,更新表达式执行完毕继续重复②
 */

//创建一个执行10次的while循环
//初始化表达式
var i = 0;
//创建一个循环,定义条件表达式
while (i < 10) {
    //设置更新表达式
    console.log()
}

for (var i = 0; i < 10; i++) {
    document.write(i + "、");

/*
 * for循环中的三个部分都可以省略,也可以写在外部
 *     如果在for循环中不写任何的表达式,只写两个;
 *     此时循环是一个死循环会一直执行下去,慎用
 *     for(;;){
        alert("hello");
    }
 */

for循环练习1:打印1-100之间所有奇数之和

P38 38.尚硅谷_JS基础_for循环 16:11

for循环练习2:打印1-100之间所有7的倍数的个数及总和

我们遇到什么问题都不要怕,微笑着面对它,消除恐惧的最好办法就是面对恐惧,加油,奥利给~

for循环练习3:水仙花数

P39 39.尚硅谷_JS基础_质数练习 12:53

for循环练习4:质数

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			/*
			 * 在页面中接收一个用户输入的数字,并判断该数是否是质数。
				质数:只能被1和它自身整除的数,1不是质数也不是合数,质数必须是大于1的自然数。	
			 */
			var num = prompt("请输入一个大于1的整数:");
			//判断这个值是否合法
			if (num <= 1) {
				alert("该值不合法!");
			} else {
				//创建一个变量来保存当前的数的状态
				//默认当前num是质数
				var flag = true;
				//判断num是否是质数
				//获取2-num之间的数
				for (var i = 2; i < num; i++) {
					//console.log(i);
					//判断num是否能被i整除
					if (num % i == 0) {
						//如果num能被i整除,则说明num一定不是质数
						//设置flag为false
						flag = false;
					}
				}
				//如果num是质数则输出
				if (flag) {
					alert(num + "是质数!!!");
				} else {
					alert("这个不是质数!!!")
				}
			}
		</script>
	</head>
	<body>
	</body>
</html>

P40 40.尚硅谷_JS基础_补充质数练习 06:40

质数是指在大于1的自然数中,除了1和它本身以外不再有其他因数的自然数。

猜你喜欢

转载自blog.csdn.net/weixin_44949135/article/details/112594439