本文分享了五个JavaScript编程案例，包括比较两个数的最大值、判断数字的奇偶性、根据分数确定等级、模拟抽奖活动，以及根据班长钱包金额决定请客档次。每个案例提供了多种实现方法，如if语句、三元表达式和switch语句，旨在帮助读者巩固JavaScript基础知识并提升编程技巧。
今天开始整理第二部分的JavaScript小案例，本来我打算一篇文章都整理出来，不过我自己搜索的时候发现，如果有小伙伴搜索到其中一个题的关键字，如果在下面，就非常难找。
比如这篇文章有100个案例，有小伙伴搜其中的第67题，这样进来就非常难找，所以我决定以后每篇文章定 5个案例 。
方便大家的时候，我也轻松点，如果小弟的文章对您提供帮助的话，记得点个赞哦！
话不多说，上今天的干货！
话不多说，上今天的干货！
话不多说，上今天的干货！
案例一：（6种方法） 比较两个数的最大值
// - 题目描述：用户依次输入2个值，最后弹出最大的那个值
// - 题目提示：通过比较运算符弹出最大值
6种方法的思路分别是：
方法一：使用 if 语句，理想状态下简单判断
方法二：使用三元表达式，完成相应效果
方法三：使用switch 退出用的switch 的定义，这一点如果理解好了，switch后面肯定就没啥问题
下面三种是建立在非理想状态下，就是判断用户输入的是否是数字，也更加接近工作中的开发环境
方法四：升级版 加入了一个循环 可以判断如果不是数字需要重新输入 也可以一直比较
方法五：使用 isNaN 判断是否输入的是数字
方法六：使用 number（） 进行字符串的强行转化成数字型
补充说明：后面三种方法用的方法是后面两天的知识，大家可以预习后再来灵活运用
// 方法一 用if 语句
var num1 = +prompt('请输入第一个值：')
var num2 = +prompt('请输入第二个值：')
if (num1 > num2) {
alert('两个数的较大的一个为：' + num1)
} else {
alert('两个数的较大的一个为：' + num2)
}
// 方法二 用三元表达式
var num1 = +prompt('请输入第一个值：')
var num2 = +prompt('请输入第二个值：')
var max = num1 >= num2 ? num1 : num2;
alert('两个数的较大的一个为：' + max)
// 方法三 用switch 做 退出用的switch定义 参考老叶的ATM机
var num1 = +prompt('请输入第一个值：')
var num2 = +prompt('请输入第二个值：')
var flag = true;
switch (flag) {
case num1 > num2:
alert('两个数的较大的一个为：' + num1)
break;
case num1 <= num2:
alert('两个数的较大的一个为：' + num2)
break;
default:
break;
}
//方法四 升级版 加入了一个循环 可以判断如果不是数字需要重新输入 也可以一直比较
var flag = true;
while (flag) {
var num1 = +prompt('请输入第一个值：')
var num2 = +prompt('请输入第二个值：')
switch (flag) {
case num1 > num2:
alert('两个数的较大的一个为：' + num1)
flag = false;
break;
case num1 <= num2:
alert('两个数的较大的一个为：' + num2)
flag = false;
break;
default:
alert('您的输入有误,请重新输入数字！')
break;
}
}
// 方法五
var flag = true;
while (flag) {
var num1 = +prompt('请输入第一个值');
var num2 = +prompt('请输入第二个值');
// console.log(typeof num1);
// if (!isNaN(num1) == true && !isNaN(num2) == true) {
if (!isNaN(num1) && !isNaN(num1)) {
// console.log(num1);
if (num1 > num2) {
alert('您输入最大的数值为:' + num1);
flag = false;
} else {
alert('您输入最大的数值为:' + num2);
flag = false;
}
} else {
alert('请输入正确的数值');
continue;
}
}
// 方法六
var num1 = prompt('请输入第一个值');
var num2 = prompt('请输入第二个值');
console.log(Number(num1), Number(num2));
if (Number(num1).toString() == NaN.toString() || Number(num2).toString() == NaN.toString()) {
alert('NOT OK')
} else {
if (num1 > num2) {
alert('两个值较大的一个为' + num1)
} else {
alert('两个值较大的一个为' + num2)
}
}
// ### 3 - 判断奇偶性
// - 题目描述：
// 用户输入一个数，判断是奇数还是偶数
// 方法一 用if 语句
var num = +prompt('请输入一个数字：')
if (num % 2 == 0) {
alert('这是一个偶数')
} else {
alert('这是一个奇数')
}
// 方法二 用三元表达式
var num = +prompt('请输入一个数字：')
var re = num % 2 == 0 ? '偶数' : '奇数';
alert('这是一个' + re)
// 方法三 用switch 做 退出用的switch定义 参考老叶的ATM机
var num = +prompt('请输入一个数字：')
switch (num % 2) {
case 0:
alert('这是一个偶数');
break;
case 1:
alert('这是一个奇数数');
break;
default:
alert('输得什么玩意儿');
break;
}
// 方法三升级 加上while 让它判断持续输出 想出去 可以让flag 为false
var flag = true;
while (flag) {
var num = +prompt('请输入一个数字：')
switch (num % 2) {
case 0:
alert('这是一个偶数');
flag = false;
break;
case 1:
alert('这是一个奇数数');
flag = false;
break;
default:
alert('输得什么玩意儿,重新输！');
break;
}
}
案例二：（3种方法） 请客吃饭
// 接收班长口袋里的钱数？
// 若大于等于2000，请大家吃西餐。
// 若小于2000，大于等于1500，请大家吃快餐。
// 若小于1500，大于等于1000，请大家喝饮料。
// 若小于1000，大于等于500，请大家吃棒棒糖。
// 否则提醒班长下次把钱带够
三种方法的思路：
1、常规 if 语句
2、switch 进行改写
3、三元表达式 双层嵌套
// 方法一 常规的if语句
var monitorMoney = +prompt('班长口袋中有多少钱：')
if (2000 <= monitorMoney) {
alert('班长：我请大家吃西餐！')
} else if (1500 <= monitorMoney) {// 有个注意点 不能够写成(1500 <= monitorMoney < 2000) 但是可以写成 (1500 <= monitorMoney && monitorMoney< 2000)
alert('班长：我请大家吃快餐！')
} else if (1000 <= monitorMoney) {
alert('班长：我请大家喝饮料！')
} else if (500 <= monitorMoney) {
alert('班长：我请大家吃棒棒糖！')
} else if (monitorMoney < 500) {
alert('哪怕身上无分文，也要花呗度佳人！')
}
// 方法二
var monitorMoney = +prompt('班长口袋中有多少钱：')
if (monitorMoney > 0) {
var num1 = parseInt(monitorMoney / 500)
switch (num1) {
case 0:
alert('哪怕身上无分文，也要花呗度佳人！')
break;
case 1:
alert('班长：我请大家吃棒棒糖！')
break;
case 2:
alert('班长：我请大家喝饮料！')
break;
case 3:
alert('班长：我请大家吃快餐！')
break;
default:
alert('班长：我请大家吃西餐！')
break;
}
} else {
alert('你真是个老穷批')
}
// 方法三 如果非要用三元表达式，也能做，不过在if中嵌套，而且得用两次三元，毕竟一次三元只出两个结果，而且三元出的是个值，还得用取整 不推荐 大家可以自己摸索一下， 也可以给我留言大家一块整整
案例三：（2种写法）接收用户输入的用户名和密码
如用户名为admin，密码为123456，则提示用户登录成功，如果不正确，提示账号或者密码错误请从新输入再次输入密码
方法一：三元表达式双层嵌套 （看看这个案例，可以加深对于三元表达式的理解）
方法二：正常三元表达式 + 逻辑与运算符
var myName = prompt('请输入用户名：')
var password = prompt('请输入密码：')
var re = myName == 'asd' ? (password == '123' ? '成功登录' : '密码错误') : '密码名错误'
console.log(re);
alert(re)
// 方法二 三元运算符 判断两个条件
var name = prompt('请输入姓名')
var password = prompt('请输入密码')
var result = name == 'aaa' && password == '123' ? 'ok' : 'not ok'
console.log(result);
alert(result)
案例四 ：（4种写法） 分数转换,给一个分数，判定等级。大于等于90 A，大于等于80小于90 B，大于等于70小于80 C ，大于等于60小于70 D，小于60 E
方法一：常规 if 写法
方法二：升级版 加了一个循环 ，更加熟练循环
方法三：用switch 做 多写几个case 理想状态下 输入的是分数，直接转成数字型
方法四 升级版 把所有因素都考虑进去 是不是数字，需不需要循环，多次查询 怎样退出
// 方法一 常规
var score = prompt('请输一个分数：')
if (0 <= score && score <= 100) {
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')
}
} else {
alert('您的输入有误，青重新输入')
}
// 方法一 升级版
var flag = true;
while (flag) {
var score = prompt('请输一个分数：\n 如果退出请输入：退出')
if (0 <= score && score <= 100) {
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')
}
} else if (score == '退出') {
flag = false;
} else {
alert('您的输入有误，青重新输入')
}
}
// 方法三 用switch 做 多写几个case 理想状态下 输入的是分数，直接转成数字型
var score = +prompt('请输一个分数：\n 如果退出请输入：退出')
var num = parseInt(score / 10)
switch (num) {
case 10:
alert('您的等级是A')
break;
case 9:
alert('您的等级是A')
break;
case 8:
alert('您的等级是B')
break;
case 7:
alert('您的等级是C')
break;
case 6:
alert('您的等级是D')
break;
default:
alert('您的等级是E')
break;
}
// 方法四 升级版 把所有因素都考虑进去 是不是数字，需不需要循环，多次查询 怎样退出
var flag = true;
while (flag) {
var score = prompt('查询器\n 请输一个分数:\n 如果退出请输入：退出')
if (0 <= score && score <= 100) {
var num = parseInt(score / 10)
switch (num) {
case 10:
alert('您的等级是A')
break;
case 9:
alert('您的等级是A')
break;
case 8:
alert('您的等级是B')
break;
case 7:
alert('您的等级是C')
break;
case 6:
alert('您的等级是D')
break;
default:
alert('您的等级是E')
break;
}
} else if (score == '退出') {
flag = false;
} else {
alert('您的输入有误，青重新输入')
}
}
案例五：（2种写法）
抽奖活动 幸运数字是6 用户有三次机会 三次之内输入6 则提示恭喜中奖不在弹出，三次都没成功 则失败
方法一：不用循环做 （锻炼一下我们的if逻辑能力）
方法二：用循环做 （if while do...while 三种循环大家可以都写一遍，初级多敲敲总是好的）
// 不用循环做
var lucky1 = prompt('你有三次机会，请输入数字');
if (lucky1 == 6) {
alert('恭喜你中奖')
} else if (lucky1 != 6) {
var lucky2 = prompt('你还有两次机会，请输入数字');
if (lucky2 != 6) {
var lucky3 = prompt('你只有一次机会，请输入数字');
if (lucky3 != 6) {
alert('非常遗憾')
} else {
alert('恭喜你中奖')
}
} else {
alert('恭喜你中奖')
}
}
// 用循环做
var lucky1 = prompt('你有三次机会，请输入数字');
for (var i = 2; i >= 1; i--) {
if (lucky1 == 6) {
alert('恭喜你中奖')
break;
} else {
var lucky3 = prompt('你还有' + i + '次机会，请输入数字');
}
}
今天就整理出来呢5个案例，如果对您有用的话，记得点个赞哦！
接下来还会更新各种实用小案例供大家参考练习，还有各种各样的解法，记得收藏一下哦！
谢谢谢谢~~~你~您~您~嘞~~
扫一扫
5082
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
