分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

JaveScript流程控制(JS知识点归纳四)

发布时间:2023-09-06 01:33责任编辑:董明明关键词:暂无标签

01 流程控制

顺序结构: 程序的默认执行方式

条件判断语句:也称之为分支结构,选择结构:如果程序要执行的代码出现了多种情况需要使用

循环结构:当代码需要多次重复执行多次时,使用

02 条件判断语句

if语句

if语句条件中需要一个布尔类型的值,true表示成立,如果不是布尔类型的值,会进行隐式转换的

1.单if语句

  使用场景:某段代码   执行   不执行 

  ??????var age = 20; ???????if (age>18) { ???????????alert("成年人");     }//成年人

2.if...else 语句

  使用场景:某段代码,执行情况为两种情况的时候,当条件成立的时候执行前面的代码,当条件不成立的时候。执行后面的代码。

     var age = 20; ???????if (age>18) { ???????????alert("成年人"); ???????}else{ ???????????alert("未成年"); ???????}//成年人

3. if..else..if语句

  使用场景:某段代码执行情况为多种的时候

根据考试的成绩,判断处于优良及格不及格哪个区间
 100-90优秀 90-80良 80-60 及格 0-60不及格 
     //1 声明一个变量保存成绩 ??????var score = 87; ??????//2 判断 ??????//需要考虑,score的值可能并不合法,这些值需要提前排除在外 ??????//当值大于100或小于0都不合法 ??????if (score > 100 || score < 0) { ????????//设置的值不合法,进行提示 ????????console.log("值不合法"); ????????// } else if (score <= 100 && score >= 90) { ????????// 注意单个条件中的&&和||的不同使用情况 ????????// 实际上由于前面设置过一个过滤的if,此处条件可以简写 ??????} else if (score >= 90) { ????????//设置优秀的情况 ????????console.log("优秀"); ??????} else if (score >= 80) { ????????//设置良的情况 ????????console.log("良"); ??????} else if (score >= 60) { ????????//设置及格的情况 ????????console.log("及格"); ??????} else { ????????//剩下的值为0-60之间,为不及格 ????????console.log("不及格"); ??????}

三元运算符

三元运算符就是if..else的简化写法 

语法:

条件?式子1:式子2;
var n1 = 98;
var n2 = 78;
n1>n2 ? n1 : n2;//98

使用场景:

根据条件的真假,选择执行式子1  或者  式子2 

根据条件的真假,选择执行  或者 返回默认值 (默认值要放在后面)

switch语句

使用场景:适用于单值计算

特点:使用的是全等判断方式,比较严谨

语法:

    switch(需要判断的值){ ???????????case 数值: ???????????代码块; ???????????break; ???????????case 数值: ???????????代码块; ???????????break; ???????????default: ???????????代码块; ???????} ???

注意:

1. break:立即结束

2. defult:剩下其他的

03 循环结构

for 循环--用于循环已知次数(比较常用)

语法:条件依次是:循环变量的声明;循环条件:循环变量的增减

for(var i ?= 0 ; i< 0 ; i ++){....}

while循环

语法:

while(条件){
  代码块
  i++; 
}

注意: 容易出现死循环

do...while循环

语法:

do{代码块}while(条件);

与while的区别:

在检测之前先进行一个代码块的执行(与条件没有关系)

适应场景:用户输入用户名和密码

PS:提前祝大家2018年心情美美の。

JaveScript流程控制(JS知识点归纳四)

原文地址:https://www.cnblogs.com/AmorR/p/8158030.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved