if判断和for循环

JavaScript条件判断与循环实现

最新推荐文章于 2023-08-10 20:39:01 发布

原创最新推荐文章于 2023-08-10 20:39:01 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文通过两个案例展示了JavaScript中if语句的使用，用于判断小明成绩并给予不同奖励，以及一个简单的‘准女婿测试’。同时，介绍了for循环的应用，包括计算0-100奇数和及展示九九乘法表。通过这些基础概念，帮助读者理解JavaScript中的条件控制与循环操作。

首先我们来看if语句，if一般是用来判断的

一共两个小案例，这边选择用两个按钮来写。

<button type="button" onclick="javascript:firstfunc()">小明成绩</button>
<button type="button" onclick="javascript:second()">准女婿测试</button>

首先我们要确定取值范围，在0-100之间

function firstfunc() {
				while (true) {
					var ming = prompt('输入小明成绩(0-100)');
					//给ming取值范围设置在0-100之间
					if (ming >= 0 && ming <= 100) {
						break;
					} else {
						alert('这不是有效数');
					}
				}
				
				if (ming == 100) {
					alert('奖励一辆宝马BMW');
				} else if (ming >= 80 && ming <= 99) {
					alert('奖励苹果十五一台');
				} else if (ming < 80 && ming >= 60) {
					alert('奖励一本参考书');
				} else {
					alert('没看书，奖励皮带炒肉丝一顿');
				}
			}

然后用if判断简单的完成案例

然后来看第二个，和第一个是基本一样的，首先要确保输入的值是数字才能进行下一步。

function second() {
				var height = prompt('输入您的身高(cm)');
				var money = prompt('输入您的存款(万)');
				var face = prompt('输入您的颜值(px)');
				
				if (isNaN(height) || isNaN(money) || isNaN(face)) {
					alert('给你一毛钱回去治眼睛');
				} else {
					if (height >= 180 && money >= 1000 && face >= 500) {
						alert('非他不嫁');
					} else if (height >= 180 || money >= 1000 || face >= 500) {
						alert('货比三家，这也挺好');
					} else {
						alert('这孩子谁看得上');
					}
				}
			}

然后来看for循环的实例，for一般是用来遍历循环的

例1，用for循环求0-100奇数和

var sum = 0;
			for (i = 0; i <= 100; i++) {
				if (i % 2 != 0) {
					//console.log(i);
					sum += i;
				}
			}
			console.log(sum);

例2，用for循环写九九乘法表

	for (i = 1; i <= 9; i++) {
				for (j = 1; j <= i; j++) {
					document.write(j + '*' + i + '=' + i * j + '&nbsp')
				}
				document.write('<br>');
			}