【前端笔记11】javaScript3 流程控制(分支、循环)、简单代码规范

本文基于 【黑马程序员JavaScript全套教程，Web前端必学的JS入门教程，零基础JavaScript入门】P55-95内容所做笔记，帮助掌握目录所示内容的基本方法，课程涉及典型算法如：闰年判断、三元表达式补0操作、for双循环打印三角形、数组冒泡排序的双重for实现，总结在另一篇文章 javascript常用算法代码。

一、分支结构

if else

tips：js的if结构与C语言的一致

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

除空字符串、0，其余都为真。

switch选择

tips：js的switch结构与C语言的一致

switch(表达式){
	case value1: /*执行语句1*/ break;
	case value2: /*执行语句2*/ break;
	case value3: /*执行语句3*/ break;
	...
	default:/*执行最终语句*/
}

注意：

1. 表达式与value的值必须 全等===，即值与数据类型一致
2. 若当前case无break，则依次会执行下一case。

三元表达式 ? :

适用场景：简单的if双分支语句
语法：条件表达式 ？ 表达式1 : 表达式2
执行结果：

• 若条件表达式结果为真，返回表达式1的值；
• 若假，返回表达式2的值

	var n = 2
	n = n == 2 ? 1 : 0 ;	// n = 1;

---

二、循环结构

for 循环

tips：js的for循环结构与C语言的一致

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

双重for：外层循环1次，内层循环全部；
注意两层的计数器变量应不同，避免冲突。

do while 循环

tips：js的do while循环结构与C语言的一致

	while(条件表达式){
		//循环体
	}

	do{
		//循环体 
	}while(条件表达式)

continue break

continue：立即跳出本次循环，continue后面代码不执行，而是继续下一次循环。
break：立即跳出 整个循环，即结束循环。

三、代码规范

标识符命名规范

• 变量、函数的命名需要有意义
• 变量名一般用名词
• 函数名一般用动词

操作符规范：操作符左右两侧各保留一个空格
单行注释规范：在// 后空一个空格

---

---

若对本文有任何建议或意见欢迎在评论区提出~十分感谢！
Ending