流程控制语句

166 阅读1分钟

分支语句

介绍:程序按照条件执行的语句

if分支语句(单分支)

语法:if(条件) {执行的代码}

  • 括号内的条件为true时,进入大括号里执行代码

  • 小括号内的结果若不是布尔类型时,会发生隐式转换转为布尔类型

  • 如果大括号只有一个语句,大括号可以省略

==为假的条件有:==false、''、null、0 、NaN、undefined

if (1 < 2) {  // true
	console.log('执行此代码')
}

if分支语句(双分支)

语法:

if (条件) {
 	alert('满足条件执行的语句')
} else {
    alert('不满足条件执行的语句')
}

if分支语句(多分支语句)

语法:

if (条件1) {
	代码1
} else if (条件2) {
	代码2
} else if (条件3) {
	代码3    
} else {
	上面条件都不满足执行的代码
}

三元运算符

语法:条件 ? 满足条件执行的代码 :不满足条件执行的代码

使用场景:数字补零

let i = 5
i = i < 10 ? '0' + i : i   // 05 
i 的值如果小于10,那么就在 i 的前面补零

switch语句

语法:

  • 找到跟小括号里数据==全等==的case值,并执行里面对应的代码

  • 若没有全等 === 的则执行default里的代码 switch case语句一般用于等值判断,不适合于区间判断

    \2. switch case一般需要配合break关键字使用 没有break会造成case穿透

  • 例:数据若跟值2全等,则执行代码2

switch (变量) {
	case1:
        代码1
        break
    case2:
        代码2
        break
    default:
        代码n
        break
}

注意:

  • switch case语句一般用于==等值判断==,不适合于区间判断

  • switch case一般需要配合break关键字使用 没有break会造成case穿透

循环语句

介绍:在条件满足的情况下,重复执行某些代码

==循环三要素:== 起始条件,终止条件,变量变化量

While循环语句

语法:

  • 条件为true才会进入 循环体 执行代码

  • while大括号里代码执行完毕后不会跳出,而是继续回到小括号里判断条件是否满足,若条件满足就继续执行大括号里的代码,然后再回到小括号判断条件,直到括号内条件不满足,即跳出

起始条件为:i = 1
终止条件为:i <= 5
变量变化量为:i++
let i = 1
while (i <= 5) {  
	console.log('执行五次跳出循环')
     i++
}
  • 无限循环方法:
while(true) {}  需要使用 break 退出循环

循环退出

continue(退出本次循环)

for (let i = 1; i <= 5; i++) {
    if(i === 3) {
		continue  会跳过当前循环if下面的代码
    }
    console.log(i)  // 1 2 4 5
}

break(退出所有循环)

for (let i = 1; i <= 5; i++) {
    if(i === 3) {
		break  会跳出整个for循环,不再执行for循环里的代码
    }
    console.log(i)  // 1 2
}

for 循环语句

使用场景:遍历数组

语法:for (变量起始值; 变量终止条件; 变量变化量) { 循环体 }

for(let i = 1; i <= 5; i++) {
	console.log(i)  // 1 2 3 4 5
}
  • 无线循环方法:
for(;;)   需要使用 break 退出循环

双重for循环

介绍:外层循环一次,里层循环全部

  • 一般用外层循环控制行数,里层循环控制列数

语法:

for(let i = 1; i <= 5; i++) {
	for(let j = 1; j <= 5; j++) {
		console.log(1)
    }
}

案例:九九乘法表

 外层打印几行
for (let i = 1; i <= 9; i++) {
    里层打印几个星星
    for (let j = 1; j <= i; j++) {
        只需要吧 ★ 换成  1 x 1 = 1   
        document.write(`
		<div> ${j} x ${i} = ${j * i} </div>
     `)
    }
    document.write('<br>')
}