javascript-if语句

2020-04-01

字数统计: 760字 | 阅读时长≈ 3分

以下是一个简单的if语句情景应用：

当小明成绩为100时，奖励游戏机
当小明成绩为99-85时，奖励玩具车
当小明成绩为84-70时，奖励参考书
当小明成绩为70以下时，奖励大嘴巴子

首先按需求编写代码如下：

var score = +prompt("请输入学生成绩：（1-100）");//文本输入框

if (score == 100) {
	alert("建议奖励游戏机");
} else if (score < 100 && score >= 80) {
	alert("建议奖励玩具车");
} else if (score < 80 && score >= 60) {
	alert("建议奖励参考书");
} else {
	alert("建议奖励大嘴巴子");
}

然后按照更加严谨的思想，思考当用户输入的数值不符合0-100的要求值，应当增加相应提示：

var score = +prompt("请输入学生成绩：（1-100）");//文本输入框
//增加一个if语句判断输入值是否合法
if (score > 100 || score < 0) {
	alert("输入值不合法");
} else {
	if (score == 100) {
		alert("建议奖励游戏机");
	} else if (score < 100 && score >= 80) {
		alert("建议奖励玩具车");
	} else if (score < 80 && score >= 60) {
		alert("建议奖励参考书");
	} else {
		alert("建议奖励大嘴巴子");
	}
}

进一步考虑，若用户输入的不是数字时而是字符串String时，类型转换为NaN，因此在第一个if条件表达式增加isNaN()进行判断；

var score = +prompt("请输入学生成绩：（1-100）");//文本输入框
//判断输入值是否合法
if (score > 100 || score < 0 || isNaN(score)) {
	alert("输入值不合法");
} else {
	if (score == 100) {
		alert("建议奖励游戏机");
	} else if (score < 100 && score >= 80) {
		alert("建议奖励玩具车");
	} else if (score < 80 && score >= 60) {
		alert("建议奖励参考书");
	} else {
		alert("建议奖励大嘴巴子");
	}
}

更进一步考虑，若用户未输入或输入空格，返回值为flase，转换成Number类型为0；若是想要拦截0，就要将第一个if条件表达式中 score<0 修改为 score<=0 ，或是增加score==false，抑或是将第四种方案改成 score<60&&score>0 ,但这会使得小明考0分时if语句无法正确执行：

var score = +prompt("请输入学生成绩：（1-100）");//文本输入框
//判断输入值是否合法
if (score > 100 || score < 0 || isNaN(score) || score == false) {
	alert("输入值不合法");
} else {
	if (score == 100) {
		alert("建议奖励游戏机");
	} else if (score < 100 && score >= 80) {
		alert("建议奖励玩具车");
	} else if (score < 80 && score >= 60) {
		alert("建议奖励参考书");
	} else {
		alert("建议奖励大嘴巴子");
	}
}

因此，考虑使用正则表达式限制输入文本