【从无到有】JavaScript新手教程——2.分支结构和循环

介绍完JS的简介和向量以及运算符,大家对JS也有了初步的了解和认识,今天带大家来看一下JS中常用的分支结构以及循环结构是怎么使用的

【JS中的分支结构】

一、【if-else结构】

  1、结构写法:

if(判断条件){
        //条件为true时执行
}else{
        //条件为false时执行
}    

  2、if()中的表达式,运算之后的结果应为:
    ①Boolean: true 真 false 假
    ②String: 非空字符串为真,空字符串为假
    ③Number:0为假,非0均为真
    ④Null/NaN/Undefined: 全为假
    ⑤object:全为真
  3、else结构可以根据具体情况省略

二、【多重if结构(阶梯if)】

  1、结构写法:

if(条件1){
        //条件1成立
}else if(条件2){
        //条件1不成立&&条件2成立
        //else if 部分可以又N多个
}else{
        //条件1不成立&&条件2不成立
}            

  2、多重if结构中,各个判断条件是互斥的!只能选择其中一条路。
  3、if/else的{}可以省略,一般不提倡。
    如果省略{} 则if/else结构包含的代码仅为其后最近的一行(分号结束);
    如果省略{} 则else结构永远属于其前方最近一个if结构。

三、【嵌套if结构】

  1、结构写法:

if (条件1){
        //条件1成立
    if (条件2){
            //条件1成立 条件2成立
    }else{
            //条件1成立 条件2不成立
    }
}else{
        //条件1不成立
}

  2、if结构可以多重嵌套,但是原则上不超过三层

四、【switch-case结构】

  1、结构写法:

switch(表达式){

    case 常量表达式1:
    语句1;
    break;

    case 常量表达式2:
    语句2;
    break;
    ……

    default:
    语句N;
    break;
}

  2、注意事项:
    ①switch()中的表达式,以及每个case后面的表达式,可以为任何JS支持的数据类型;(对象和数组不行)
    ②case后面的所有常量表达式,必须各不相同,否则只会执行第一个;
    ③case后的表达常量可以是任何数据类型,同一个switch结构的不同case可以是多种不同的数据类型;
    ④switch结构在进行判断的时候,采用的是全等判断===;
    ⑤break的作用:执行完case代码后跳出当前switch结构;
      >>>缺少break的后果:从正确的case项开始,依次执行所有的case和default 原因:⑥
    ⑥switch结构在判断时,只会判断一次正确答案,当遇到正确的case项后,将会不再判断后续项目,依次往下执行。
    ⑦switch结构的执行速率要快于多重if结构。在多路分支时,可优先考虑switch结构。

  

  举个例子:

var num4 = prompt(parseInt("输入一个数"));
switch (num4+5){
	case 9:
	document.write("这是9的case块")
	break;
        case 10:
	document.write("这是10的case块")
	break;
	default:
	document.write("这是default的case块")
	break;
}

  输入一个数字,如果输入的是4,则在屏幕上打印出"这是9的case块"

         如果输入的是5,则在屏幕上打印出"这是10的case块"

         如果是其他的数字,则在屏幕上打印出"这是default的case块"

【JS中的循环结构】

一、【循环结构的步骤】
  ①声明循环变量
  ②判断循环条件
  ③执行循环体(while{}中所有代码)操作
  ④更新循环变量
  然后循环执行② ③ ④

二、【JS中循环条件支持的数据类型】:所有数据类型(同if)
  ①Boolean: true 真 false 假
  ②String: 非空字符串为真,空字符串为假
  ③Number:0为假,非0均为真
  ④Null/NaN/Undefined: 全为假
  ⑤object:全为真

三、【while循环】

var n = 1;    	//声明循环变量
while (n<=5){	    //判断循环条件
        document.write("helloworlds<br />");	    //执行循环体(while{}中所有代码)操作
	n++;	    //更新循环变量
}    

  特点:先判断,再执行;
  *【do-while循环】

do{
	语句
 }while();

  特点:先执行,再判断;即便初始条件不成立,do-while循环也至少执行一次

四、【for循环】

for(var n=1,j=5;n<=5;n++,j--){
	document.write("helloFor<br />")
}

  1、for循环三个表达式,分别为:①定义循环变量 ②判断循环条件 ③更新循环变量
    三个表达式之间,用;分隔;
    for循环三个表达式均可以省略,但两个”;“缺一不可
  2、for循环特点:先判断,再执行;
  3、for循环三个表达式均可以有多部分组成,之间用逗号分隔;但是第二部分判断条件需要用&&连接,最终结果需要为真/假

五、【循环控制语句】
  1、break:终止本层循环,继续执行循环后面的语句;
    >>>当循环有多层时,break只会跳过一层循环。
  2、continue:跳过本次循环,继续执行下一次循环;
    >>>对于for循环,continue执行后,继续执行循环变量更新语句n++
    >>>对于while、do-while,continue执行后,继续执行循环条件判断;所以使用这两个循环时,必须注意continue一定要在n++之后使用。

for(var n=1;n<=20;n++){
	if(n%3==0){
		//break;
		continue;
	}
        document.write(n+"/");
}

  如果是break,则输出的结果是

  

  如果是continue,则输出的结果是

  

六、【循环嵌套】
  外层循环转一次,内层循环转一圈

for(var a=1;a<=5;a++){
  for(var b=1;b<=5;b++){
    document.write("*");
  }
  document.write("<br />");
}

  效果图:

  

好啦 ,今天就到这里,希望对你有些帮助。

时间: 2024-10-11 00:23:50

【从无到有】JavaScript新手教程——2.分支结构和循环的相关文章

3.分支结构与循环结构

1 程序结构 程序结构分为顺序结构.分支结构.循环结构.分支结构有:if结构,if....else结构,if...else if....else ,if...else结构,switch结构:循环结构有:while循环,do....while循环,for循环. 2 分支结构 ①if结构  语法: if(布尔表达式){ //语句; } 执行过程:如果布尔表达式为true执行其下语句,布尔表达式为false时不执行其下语句. {}可以省略,如果省略将执行第一个语句块.为了程序的可读性推荐不要省略{}

Javascript开发技巧(JS入门、运算符、分支结构、循环结构)

一.Js简介和入门 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript简介</title> <!-- [使用JS的三种方式] 1.HTML标签中内嵌JS(不提倡使用): <button onclick="javascript:alert('小碧池!你真点啊!')">有本事点我呀!!!<

JS基础-----JS中的分支结构及循环结构

[分支结构] 一.if-else结构 1.结构的写法:if(判断条件){ //条件为true时,执行if的{} }else{ //条件为false时,执行else的{} } 2.注意事项 ①else语句块.可以根据情况进行省略. ②if和else后面的{}可以省略,但是省略{}后,if和else后面只能跟一条语句.(所以并不建议省略{}) 3.if的()中的判断条件,支持的情况: ①Boolean:true为真,false为假: ②String:空字符串为假,所有非空字符串为真: ③Number

分支结构和循环语句

一.分支结构 1.多分支的if语句 2.switch语句 if(条件表达式1){ switch(变量名){           //语句块1 case 值1 : }else if(条件表达式2){ //执行语句块1          //语句块2 break; }else if(条件表达式3){ case 值2 :  //语句块3 //执行语句块2 }else if(条件表达式n){ break;          //语句块n case 值n :   }else{   //执行语句块n    

c语言——运算符、分支结构、循环结构

一.运算符 关系运算符 关系运算符 含  义 数学中的表示 < 小于 < <= 小于或等于 ≤ > 大于 > >= 大于或等于 ≥ == 等于 = != 不等于 ≠ 条件运算符 max = (a>b) ? a : b; 逻辑运算符 运算符 说明 结合性 举例 && 与运算,双目,对应数学中的"且" 左结合 1&&0.(9>3)&&(b>a) || 或运算,双目,对应数学中的"

分支结构和循环结构

1.C语言关系运算符 在程序中经常需要比较两个数据的大小,以决定程序下一步的工作.比如一个程序限制了只能成年人使用,儿童因为年龄不够,没有权限使用.这时候程序就需要获取用户输入的年龄并做出判断,如果超过18岁就正常运行,否则给出无权使用的提示. 比较两个数据大小的运算符称为关系运算符(Relational Operators). 在C语言中有以下关系运算符: 1) <(小于) 2) <=(小于或等于) 3) >(大于) 4) >=(大于或等于) 5) ==(等于) 6) !=(不等

java基础知识----分支结构和循环

一. 上回说到if和if---else分支结构,这次讲if---else if,和switch---case if(boolean){ 语句 } else if(boolean){ 语句 } else{ 语句 } 2. switch(boolean){//优点结构清晰,效率高;缺点只能判断整数相等的情况. case 1: 语句; case 2: 语句; ...... default : 语句; } 二.循环 循环三要素: 1.循环变量初始化 2.循环的条件(以循环变量为基础) 3.循环变量的改变

Python开发【第4节】【Python分支结构与循环结构】

1.流程控制  流程: 计算机执行代码的顺序就是流程 流程控制: 对计算机代码执行顺序的管理就是流程控制 流程分类: 流程控制共分为3类: 顺序结构 分支结构/选择结构 循环结构 2.分支结构(if...else) 多项分支结构: #!/usr/bin/python3 age = int(input("请输入你家狗狗的年龄: ")) print("") if age < 0: print("你是在逗我吧!") elif age == 1:

Python中的分支结构和循环结构

一.分支结构 语法: if  条件  :     .... else :    .... 例子: num = int(input("输入一个整数:")) if num<=10 : print("你输入的数小于等于10",end="\t") if num<5 : print("并且你的这个数小于5") else : print("但是他大于等于5") else: print("你输入的数