本文通过一系列编程实例介绍了JavaScript中的条件判断（如if...else, switch）和循环（for, while, do...while）的应用，包括年龄判断、数值比较、奇偶数判断、闰年检测、分数等级转换等常见场景。这些练习有助于巩固JavaScript的基础知识和逻辑思维能力。"
78919164,6905807,JavaScript计算时间差值（苹果安卓通用）,"['JavaScript', '时间处理', '跨平台', '函数']
- 要求：让用户输入年龄，如果年满18岁，就提示用户可以进入网吧，如果未满18岁，则提示还有几年满18岁，可以进入网吧。
思路：
- 设置 age 变量，保存用户输入的年龄；
- 判断 age ，如果 >= 18 ，则提示用户可以进入网吧；
- 如果 < 18，则提示用户还有几年能进入网吧。 year =（18 - age）。
var age = prompt('请输入您的年龄？');
var year = 18 - age;
// if 语句写法
if (age >= 18) {
alert('您已经成年啦，可以进入网吧 ~~')
} else {
alert('您未成年，还有' + year + '年可以进入网吧。');
}
// 三元表达式的写法
age >= 18 ? alert('您已经成年啦，可以进入网吧 ~~') : alert('您未成年，还有' + year + '年可以进入网吧。');
- 要求：让用户依次输入两个数字，比较两个数的最大值，最后弹出最大的那个值。
思路：
- 设置变量 num1，保存用户输入的第一个值；
- 设置变量 num2，保存用户输入的第二个值；
- 比较 num1，num2，然后输出最大值；
var num1 = prompt('请输入第一个数字：');
var num2 = prompt('请输入第二个数字：');
Number(num1) > Number(num2) ? alert(num1) : alert(num2);
PS：
需要将 num1，num2 转换成数字型；
- 要求：让用户输入一个数字，然后判断这个数是偶数还是奇数？
思路：
- 偶数：能够被2整除的整数；
- 奇数：不能被2整除的整数；
- 设置变量 num，保存用户输入的数字；
- num % 2，如果 == 0，则是偶数，反之是奇数；
var num = prompt('请您输入一个数，判断是偶数还是奇数？');
num % 2 == 0 ? alert('是偶数') : alert('是奇数');
- 要求：让用户输入年份，判断该年份是不是闰年？
思路：
- 首先要知道判断闰年的方法：能被4整除且不能被100整除的为闰年；能被400整除的则是闰年；
- 设置 year 变量，保存用户输入的年份；
- 使用 && 、|| 运算符进行判断；
var year = prompt('请输入您要判断是否闰年的年份');
if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
alert(year + '是闰年');
} else {
alert(year + '是平年');
}
- 要求：让用户输入分数， 根据分数输出对应的等级字母 A、 B、 C、 D、 E。其中：
1. 90 分(含) 以上， 输出： A
2. 80 分(含) ~90 分(不含)， 输出： B
3. 70 分(含) ~80 分(不含)， 输出： C
4. 60 分(含) ~70 分(不含)， 输出： D
5. 60 分(不含) 以下， 输出： E
思路：
- 设置变量 score ，保存用户输入的分输；
- score >= 90，输出 A；
- score >= 80，输出 B；不用设置 < 90，因为如果 >= 90，会直接执行上面的代码，到不了这里，以下类推。
- score >= 70，输出 C；
- score >= 60，输出 D；
- else，输出 E；
var score = prompt('请输入您的分数，可以查看评分');
if (score >= 90) {
alert('您的评级是A');
} else if (score >= 80) {
alert('您的评级是B');
} else if (score >= 70) {
alert('您的评级是C');
} else if (score >= 60) {
alert('您的评级是D');
} else {
alert('您的评级是E');
}
- 要求：让用户输入数字， 如果数字小于10， 则在前面补 0， 比如01， 如果数字大于等于10， 则不需要补， 比如 10。
思路：
- 设置变量 num，保存用户输入的数字；
- 如果 num < 10，则 ’ 0 ’ + num；
- 如果 num >= 10 ，则 输出num。
var num = prompt('请您输入数字：');
num < 10 ? alert('0' + num) : alert(num);
- 要求：1. 苹果，2. 梨，3. 香蕉，4. 橙子，5. 橘子，用户输入以上序号，则弹出相应的水果；
思路：
- 设置变量 fruit，保存用户输入的序号，
- 使用 switch 作判断，因为 值是特定的。
var fruit = prompt('请问您要买什么水果？\n' + '1. 苹果\n' + '2. 梨\n' + '3. 香蕉\n' + '4. 橙子\n' + '5. 橘子');
switch (Number(fruit)) {
case 1:
alert('您要买的是苹果');
break;
case 2:
alert('您要买的是梨');
break;
case 3:
alert('您要买的是香蕉');
break;
case 4:
alert('您要买的是橙子');
break;
case 5:
alert('您要买的是橘子');
break;
default:
alert('请您按照序号按键，谢谢！');
}
PS：
switch 的值必须是全等的，比如：fruit === 1；因为 prompt 输入的值是字符串，所以必须先将 fruit 转换成数字型，再进行判断。
- 要求：求1-100之间所有整数的 累加和、平均值
思路：
- 设置一个求和变量 sum，平均值变量 average；
- 使用 for 循环；循环100次；
- sum = sum + i；
- average = sum / 100；
var sum = 0;
var average = 0;
for (var i = 1; i <= 100; i++) {
sum += i;
}
average = sum / 100;
alert('1-100之间所有整数的累加和' + sum + '\n' + '1-100之间所有整数的平均值' + average);
- 要求：求1-100之间所有偶数 和 奇数 的和
思路：
- 设置偶数的和的变量 even；
- 设置奇数的和的变量 odd；
- 先循环100次，如果 （i % 2 == 0），even += i；
- 先循环100次，如果 （i % 2 != 0），odd += i；
var even = 0;
var odd = 0;
for (var i = 1; i <= 100; i++) {
if (i % 2 == 0) {
even += i;
} else {
odd += i;
}
}
alert('偶数的和是：' + even + '\n' + '奇数的和是：' + odd);
- 要求：求1 ~ 100 之间所有能被3整除的数字的和
思路：
- 设置能被3整除的数字的和的变量 three;
- 先循环100次，如果 （i % 3 == 0），three += i；
var three = 0;
for (var i = 1; i <= 100; i++) {
if (i % 3 == 0) {
three += i;
}
}
alert('能被3整除的数字的和是：' + three);
- 要求：让用户输入班级的人数，然后依次输入每个学生的成绩（几个人弹出一个输入框），最后弹出该班级总的成绩以及平均成绩。
思路：
- 设置变量 total，保存用户输入的班级总人数；
- 并且设置变量 总成绩：sum 、 平均成绩：average；
- 使用 for 循环控制弹出的输入框个数，
- 设置变量 score 保存每个人的成绩；
- sum(总成绩) = sum(上一次的总成绩) + score(这次循环的分数)；
var total = prompt('请输入班级总人数');
var sum = 0;
var average = 0;
for (var i = 1; i <= total; i++) {
var score = prompt('请输入第' + i + '个成绩');
sum = sum + parseFloat(score);
}
average = sum / total;
alert('总成绩是：' + sum + '\n' + '平均成绩是：' + average);
PS：
score 记得转换成数字类型，并且是浮点型的，因为分数是有可能是小数的。
- 要求：一行打印五个星星
思路：
- 使用 字符串追加的方法；
- for 循环的次数等于星星的个数；
var str = '';
for (var i = 1; i <= 5; i++) {
str += '★';
};
console.log(str);
- 要求：打印五行五列星星
思路：
- 使用双重 for 循环实现；
- 外层 循环一行；i <= 行数；
- 内层 循环5次；j <= 列数；
var str = '';
for (var i = 1; i <= 5; i++) {
for (var j = 1; j <= 5; j++) {
str += '★';
}
// 关键点在于，打印5列后要换行
str += '\n';
};
console.log(str);
- 要求：10行打印正三角形
思路：
- 第一行，一个星星，第二行，两个星星…第十行，十个星星；
- 列的星星个数，等于 行数；
- 所以 内层循环中，关键在于 j <= i；
var str = '';
for (var i = 1; i <= 10; i++) {
// 关键在此 j <= i
for (var j = 1; j <= i; j++) {
str += '★';
}
str += '\n';
}
console.log(str);
- 要求：10行打印倒三角形
思路：我的方法
- 第一行，十个星星，第二行，九个星星…第十行，一个星星；
- 所以 内层循环中，关键在于j = 11 - i；
- 外层每循环一次，内层循环的次数都要减少一次；
var str = '';
for (var i = 1; i <= 10; i++) {
// 关键在此 j = 11 - i
for (var j = 11 - i; j > 0; j--) {
str += '★';
}
str += '\n';
}
console.log(str);
思路：正规方法
- 一共有10行，但是每行的星星个数不一样，因此需要用到双重 for 循环；
- 外层的 for 控制行数 i ，循环10次可以打印10行；
- 内层的 for 控制每行的星星个数 j；
- 核心算法： 每一行星星的个数 j = i ; j <= 10; j++；
- 每行打印完毕后，都需要重新换一行
var str = '';
for (var i = 1; i <= 10; i++) {
// 关键在此 j = 11 - i
for (var j = i; j <= 10; j++) {
str += '★';
}
str += '\n';
}
console.log(str);
- 要求：让用户输入，行数和列数，打印 n 行 n 列的星星
思路：
- 设置变量 row 保存用户输入的行数；
- 设置变量 column 保存用户输入的列数；
- 关键在于，i <= row j <= column；
var row = prompt('请输入打印星星的行数：');
var column = prompt('请输入打印星星的列数');
var str = '';
for (var i = 1; i <= row; i++) {
for (var j = 1; j <= column; j++) {
str += '★';
}
str += '\n';
}
console.log(str);
- 要求：打印九九乘法表
思路：
- 跟打印正三角形差不多，只不过把 星星 换了而已；
- 第一行打印一个，第九行打印九个；
- 行数 等于 列数；
- 核心代码：j <= i；
var str = '';
for (var i = 1; i <= 9; i++) {
for (j = 1; j <= i; j++) {
str = str + (j + 'x' + i + '=' + i * j + '\t');
}
str += '\n';
}
console.log(str);
- 要求：用 while 循环打印人的一生，从 1 ~ 100 岁
思路：
- while 循环是条件为 true 时执行循环体代码；
- 条件就是：i <= 100 ;
- 循环体代码：i 不断自增，并且打印出来；
var i = 1;
while (i <= 100) {
console.log('他现在' + i + '岁啦~');
i++;
}
- 要求：用 do while 循环打印人的一生，从 1 ~ 100 岁
思路：
- 先执行打印 1 岁时的代码；
- 在 while 条件里进行判断，如果为 true，则继续执行循环体代码；
- 直到条件判断为 false，不再执行循环体代码为止；
var i = 1;
do {
console.log('他今年' + i + '岁了');
i++;
} while (i <= 100)
扫一扫
683
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
