JavaScript 程序结构

158 阅读2分钟
JavaScript程序有三种基本结构

一、顺序结构

程序的执行形式  依次为从上到下,从左到右执行  程序默认是顺序结构

二、选择结构

选择结构也叫分支结构,按照给定的逻辑条件来决定执行的顺序,有单向选择、 双向选择和多向选择之分,但是程序在执行过程中都只是执行其中的一条分支

1.if语句

if语句括号里面的表达式,会自动这个表达式转换成一个布尔值

if (条件) {语句块}

if (条件) {语句块} else {语句块}

if (条件) {语句块} else if (条件) {语句块} ... else {语句块}

当条件表达式成立时(值为true),执行 语句块。
var age = 30                   //if如果 满足才能进入

if(age>20){

console.log(‘您好’)

} else{                      //不满足if条件进入else
console.log(‘再见’)
}                             //满足一个会自动跳出if语句

2.switch语句

和多分支if...else if...else语句 作用是一样的

switch 通常用于等值判断,结构:

switch(key){

case   value:

语句块         

break//break 打断  到此结束  跳出

default//default 上面都没有走这里

语句块

break//break 打断  到此结束  跳出

}

3.三元表达式

true   走问号(?)后面的

false  走冒号(:) 后面的
var a = 10

var b = 0

b  =  a>5  ? 40  : 30

console.log(b);        //(b等于40)

三、循环结构

1.for循环

重复执行某些代码如:打印三次Hello!
for (let i = 0 , i < 3 , i++) {  
console.log('Hello!')
 }

i相当于计数器  每打印一次Hello! i就加一  知道不在小于3

2.while循环

while**(循环条件)****{循环操作}**

循环条件为true     则执行循环,否则退出循环
var a = 1
while (a <= 5) {
console.log('第' + a + '圈');
a ++
}

while循环案例    20****以内偶数和计算

var a = 0

var b = 0

while (a <= 20) {

    if (a % 2 === 0) {

        b += a

    }

    a++

}

console.log(b);

3.do...while循环

在检查条件是否为真之前,会先执行一次

do里面的代码,然后只要条件为真就会重复循环。(先执行再判断)

do { console.log( i ) } while(i < 10//先执行,在判断,至少执行一次

四、continue

continue跳过本次循环,执行下一次循环。(就是不要再走continue后面的语句了)

注意:只能在循环结构内使用(while,do/while,for,for/in)