返回顶部

前端入门知识:JS-2

本篇文章我们来学习JS的判断语句和循环语句。

if 语句是JS中最常用的语句之一,if语句有三种,分别为:

判断语句

单分支:

if(表达式){条件成立,执行模块内代码

双分支:

if(表达式){条件成立,执行}else{条件不成立,执行}

多分支 格式:

if(条件1){条件1成立时,执行;}else if(条件2){条件2成立时,执行;}.....else{条件1到条件n都不成立,执行;}

switch语句

说明:switch 语句用来选择要执行的多个代码块之一。

var x = prompt('请输入');
   switch (x){                 
   case '1':              满足条件:
   console.log('一')   满足条件,执行;
   break;
   case '2':                    满足条件:
   console.log('二')     满足条件,执行;
   default:                  都不满足执行;
   console.log('请输入正确值')
 }
 放入 1 打印一
 放入 2 打印二
 放入其余值打印 请输入正确值

循环语句

for循环

for(initialization; condition; increment) {要执行的代码}

for 循环中包含三个可选的表达式 initialization、condition 和 increment,其中:

  • initialization:为一个表达式或者变量声明,我们通常将该步骤称为“初始化计数器变量”,在循环过程中只会执行一次;
  • condition:为一个条件表达式,与 while 循环中的条件表达式功能相同,通常用来与计数器的值进行比较,以确定是否进行循环,通过该表达式可以设置循环的次数;
  • increment:为一个表达式,用来在每次循环结束后更新(递增或递减)计数器的值。
for (var i = 1; i <= 10; i++) {
    document.write(i + " ");
}

while循环

expr为条件表达式,当expr为真时,执行statement语句,执行结束后,再次进入下一轮循环,直到条件表达式为假时,跳出循环。

语法:

while (expr){
    statement
}

do…while循环

do…while循环与while循环很相似,区别在于,while循环是先判断再执行,而do…while循环会先执行一次语句,然后再开始判断循环。不论条件为真或者是假,都会执行一次。

语法:

do{
    statement
} while(expr)

forEach循环

由于for循环的写法比较繁琐,因此数组提供了内置的forEach方法,语法中的参数currentValue是必填的,其他参数选填。forEach语句的问题在于,无法中途跳出forEach循环,break命令或return命令都不能奏效。

语法:

var arr = [1, 2, 3, 4, 5];
arr.forEach(function (item) {
    console.log(item);
});
posted @ 2021-12-10 11:24  北辰、  阅读(52)  评论(0)    收藏  举报