前端 —— JavaScript 基础篇（4--- if switch 控制语句）

这一片主要说一下JavaScript中的流程控制，就是控制语句，此语句是js中的基础内容，更是核心内容。

if语句

if 语句 是选择结构 （分支结构、顺序结构）
if 语句来执行条件为 true 时要执行的 JavaScript 代码块。

if (条件表达式) {
	//满足条件时（true），执行该段代码
}

//实例如下  如果时间早于 18:00，则发出 "Good day" 的问候：
var hour = 16;
if (hour < 18) {
	greeting = "Good day";
}

else 语句

请使用 else 语句 来执行条件为 false 时的代码块。

if (条件表达式) {
	//满足条件时（true），执行该段代码
}else{
	//不满足条件（false），执行此处代码
}

/*
如果 hour 小于 18，创建 "Good day" 问候，否则 "Good evening"：
*/
var hour = 16;
if (hour < 18) {
    console.log("Good day");
 } else {
     console.log("Good evening");
 } 

else if 语句

请使用 else if 来规定当首个条件为 false 时的新条件。

 if (条件 1) {
    //条件 1 为 true 时执行的代码块
} else if (条件 2) {
    //条件 1 为 false 而条件 2 为 true 时执行的代码块
 } else {
    //条件 1 和条件 2 同时为 false 时执行的代码块
}

/*
时间早于 10:00，输出 "早上好" ，
时间早于 18:00，则输出 "天天开心" 问候，否则输出 "晚上好"：
*/
var time = parseInt(prompt("请输入24以内的数字"));
if (time < 10) {
   console.log( "早上好");
 } else if (time < 18) {
     console.log("天天开心");
 } else {
    console.log("晚上好");
 } 

if else 语句可以嵌套使用

直接上实例吧。根据输入的年份来判断是否是闰年

var year = parseInt(prompt("请输入年份"));
if (year!== null && year!== "" && year>0) {
	if (year%400 === 0 || year%4 === 0 && year%100 !== 0) {
		console.log('这一年时闰年')
	}else{
		console.log('不是闰年')
	}
}

结果展示如下图：


补充：
prompt(); 是js内置的函数，就是系统中的一种可以输入的弹出框；如上面的输入年份的图
alert()；提示框

switch 多条件判断

把表达式的值与每个 case 的值进行对比，如果存在匹配，则执行关联代码
代码结构：

switch(表达式){
	case n : 
		执行此代码; 
		break; 
	case n : 
		执行此代码; 
		break;
	... 
	default:都不满足时这行这里
}

实例：

var week = parseInt(prompt('今天星期几，请输入数字'));
switch(week){
	case 0:
		console.log('今天星期日');
		break;
	case 1:
		console.log('今天星期一');
		break;
	case 2:
		console.log('今天星期二');
		break;
	case 3:
		console.log('今天星期三');
		break;
	case 4:
		console.log('今天星期四');
		break;
	case 5:
		console.log('今天星期五');
		break;
	case 6:
		console.log('今天星期六');
		break;
}

这一章就先写到这里啦，欢迎大家多多提意见。如有错误请留言，我会及时改正。