【WEB学习】Day11 - JavaScript 的流程控制

【WEB学习】Day11 - JavaScript 的流程控制


文章目录

  • 【WEB学习】Day11 - JavaScript 的流程控制
    • 一、分支结构
    • 二、三元表达式
    • 三、Switch 语句
    • 四、循环
      • 4.1 for 循环
      • 4.2 while 循环
      • 4.3 do while 循环
      • 4.4 continune 关键字
      • 4.5 break 关键字


一、分支结构

JS 的语法和 Java 比较像,if 语法结构如下:

if (条件表达式) {
	// 执行语句
}

if 根据条件表达式的返回值来决定是否执行后方大括号的代码,true 则执行,false 则不执行。
如果是 false,我们可以设定一个 else,让它去执行 else 后括号里的内容。

if (条件表达式) {
	// 执行语句1
} else {
	// 执行语句2
}

JS 也可以写多重分支:

if (条件表达式) {
	// 语句1;
} else if (条件表达式2) {
	// 语句2;
} else if (条件表达式3) {
	// 语句3;
} else {
	//最后的语句;
}

二、三元表达式

三元表达式也可以做一些简单的条件选择,有三元运算符组成的式子称为三元表达式。

条件表达式 ? 表达式1 : 表达式2

如果条件表达式为真,返回表达式1的值,如果条件表达式为假,返回表达式2的值。

var num = 10;
var result = num > 5 ? '是的' : '不是的';    
console.log(result) // 是的

注意,表达式都是有返回值的,三元表达式返回的就是表达式1或表达式2的返回值。

三、Switch 语句

switch语句就是多分支语句,针对变量一系列特定值的选项,可以用switch语句。

switch (表达式) {
	case value1:
		执行语句1;
		break;
	case value2:
		执行语句2;
		break;
	default:
		执行最后的语句;
}

例如:

var num = prompt('输入一个数字');
switch (num) {
	case 1:
		console.log('这是1');
		break;
	case 2:
		console.log('这是2');
		break;
	case 3:
		console.log('这是3');
		break;
	default:
		console.log('没有匹配结果');

四、循环

4.1 for 循环

for (初始化变量; 条件表达式; 操作表达式) {
		// 循环体
}

实例:

for (var i = 1; i <= 100; i++) {
	console.log(i);  // 打印1~100
}
var sum = 0;
for (var i = 1; i <= 100; i++) {
	sum += i;        
	console.log(sum);  // 计算等差数列,1加到100
}
//1. 求1-100之间所有数的平均值
var sum = 0;
var average = 0;
for (var i = 1; i <= 100; i++) {
	sum += i;
}
average = sum /100;
console.log(average);
//2. 求1-100之间所有偶数和奇数的和
var even = 0; //偶数
var odd = 0;  //奇数
for (var i = 1; i <= 100; i++) {
	if (i % 2 == 0) {
		even = even + i;
	} else {
		odd = odd + i;
	}
} 
console.log('奇数和为:' + odd +',偶数和为:' + even);
//3. 求1-100之间所有能被3整除的数字的和
var result = 0;
for (var i = 1; i <= 100; i++) {
	if (i % 3 == 0) {
		result = result + i;
	}
} 
console.log(result);
// 打印倒三角形星星
var m = prompt('输入行/列数');
var str = '';
 for (var i = m; i >= 0; i--) {
 		for(var j = 0; j <= i; j++) {
 			str = str + '⭐';
 		}
 		str += '\n';
 }
 console.log(str);

4.2 while 循环

while循环语法结构:

while (条件表达式) {
	// 执行语句
}

使用这个循环结构,需要自己写跳出条件表达式的方式,防止陷入死循环。例如:

while (i <= 100) {
	console.log('这个人今年' + i + '岁了');
	i++;
}

while 也可以实现无限循环,直到达到某种条件。

var message = prompt('你爱我吗?');
while (message != '我爱你') {
	message = prompt('你爱我吗?');
}
alert('是了,我也爱你!');

4.3 do while 循环

do … while 语句其实是 while 语句的一个变体。该循环会先执行一次代码块,然后对条件表达式进行判断,如果条件为真,就会重复执行循环体,否则退出循环。

var i = 1;
do {
	console.log('how are you?');
	i++;
} while(i <= 100)

do … while 循环体至少执行一次代码块。

4.4 continune 关键字

continue 关键字用于立即跳出本次循环,继续下一次循环(本次循环体中 continue 之后的代码就会少执行一次)。

for (var i = 1; i <= 5; i++) {
	if (i == 3) {
		continue;
	}
	console.log('我正在吃第' + i + '个包子');
}

4.5 break 关键字

break 关键字用于立即结束循环。

for (var i = 1; i <= 5; i++) {
	if (i == 3) {
		break;
	}
	console.log('我正在吃第' + i + '个包子');
}

碰到 break,整个循环强行退出。

你可能感兴趣的:(WEB学习笔记,前端,javascript,学习)