JavaScript之switch判断值范围casebreakdefaultSwitch的妙用

Posted 2022-02-05 web半晨

目录

• 1、html部分
• 2、JavaScript部分

---

1、html部分

<button onclick="inputScore()">输入成绩</button>

---

2、javascript部分

// 此示例不建议使用switch来实现
// 更建议使用if else来实现
function inputScore() 
	let score = window.prompt('请输入成绩');
	if (score == null) return alert('已取消');
	if (score == '') return alert('未输入任何值');
	// 此处的判断条件一定要写true，
	// 如果写false永远进入第一条判断。
	// 如果写score则永远进入default判断条件
	switch (true)  
		case score >= 90 && score <= 100:
			alert(`成绩等级为A，成绩值为$score分。`);
			break;
		case score >= 80 && score < 90:
			alert(`成绩等级为B，成绩值为$score分。`);
			break;
		case score >= 70 && score < 80:
			alert(`成绩等级为C，成绩值为$score分。`);
			break;
		case score >= 60 && score < 70:
			alert(`成绩等级为D，成绩值为$score分。`);
			break;
		case score >= 0 && score < 60:
			alert(`成绩不合格！成绩值为$score分。`);
			break;
		default:
			alert(`成绩输入有误！`);
			break;