js-选择结构与判断分支结构

简介: js-选择结构与判断分支结构

三大结构

顺序结构:从上到下依次执行每一条语句,不允许跳转任何一条语句.

选择结构:根据条件判断,选择执行不通的语句段

循环结构:在满足一定的条件时,重复执行一段代码,或一条语句.


选择结构

用于判断给定的条件,根据条件的结果来选择执行不同的语句段。

能够实现选择结构的语句

  1. 三元运算符
  2. if
  3. switch

三元与if else 使用区别 如果结果中只有一条语句,那么 使用三元 如果结果中有多条语句,那么使用if else

三元(目)运算符 ?: 二元(双目)运算符 * / % + - > < .... 一元(单目)运算符 ! ++ -- typeof + -

条件?语句:语句

规则:如果条件为真,则执行?后面的语句。 如果条件为假,则执行:后面的语句。

if 分支语句

单分支选择语句

if(条件){

   语句组;

}

怎么区分使用某种语句

1.如果是一个条件,一个结果使用单分支if(){}

2.如果是一个条件,两个结果使用双分支if(){}else{}

3,如果是多个条件,每个条件对应一个结果,使用多分支if(){0}else if(){}

流程:当程序执行到if时,先计算表达式的值,如果值为true,则执行后面大括号中的语句;如果值为false时,执行if语句后面的其它语句

双分支选择语句

if(条件){

   语句组;

}else{

   语句组;

}

流程:当程序执行到if时,先计算表达式的值,值为true时:执行if后面语句组;值为false时,执行else后的语句组。

多分支选择语句

if(条件1){

   语句组1;

}else if(条件2){

   语句组2;

}

……

else if(条件n){

   语句组n;

}else{

   语句组n + 1;

}

流程:当程序执行到if时,先判断条件1的值,值为true时,执行语句组1;值为false时,再判断条件2的值,值为true时,执行语句组2;值为false时,再判断条件3的值,依此类推,直到判断条件n的值,值为true时,执行语句组n,值为false时,执行语句组n+1;

switch 分支语句

switch(表达式){
    case 表达式 : 语句组; [break;]
    case 表达式 : 语句组; [break;]
    ……
    case 表达式 : 语句组; [break;]
    [default : 语句组;]
}

规则:先计算switch后的表达式的值,如果这个值与 某个case后表达式的值 相同时,则执行这个case后面的语句组,如果语句组后有break,则直接跳出switch语句。如果没有break,则继续执行后面所有的语句组,直到遇到break或右大括号停止。

 

相关文章
|
2月前
|
JavaScript 前端开发 算法
虚拟DOM是React的关键技术,它是个轻量的JS对象树,模拟实际DOM结构。
【6月更文挑战第27天】虚拟DOM是React的关键技术,它是个轻量的JS对象树,模拟实际DOM结构。当状态改变,React不直接修改DOM,而是先构建新的虚拟DOM树。通过 diff 算法比较新旧树,找到最小变更,仅更新必要部分,提高性能,避免频繁DOM操作。虚拟DOM还支持跨平台应用,如React Native。它优化了更新流程,简化开发,并提升了用户体验。
26 1
|
3月前
|
JavaScript 前端开发
js的结构
【4月更文挑战第16天】js的结构
31 4
|
3月前
|
存储 JavaScript 前端开发
js的基本结构
【4月更文挑战第18天】js的基本结构
26 1
|
3月前
|
设计模式 前端开发 JavaScript
AngularJS是一款由Google收购的JavaScript结构框架
【5月更文挑战第2天】AngularJS是Google收购的JavaScript框架,用于构建动态Web应用,基于MVC模式,强调模块化和双向数据绑定。它简化了视图与模型的同步,通过语义化标签和依赖注入提升开发效率。适用于复杂单页面应用(SPA),但不适合DOM操作密集型或性能要求极高的场景。
49 0
|
3月前
|
JSON JavaScript 前端开发
深入探讨javascript的流程控制与分支结构,以及js的函数
深入探讨javascript的流程控制与分支结构,以及js的函数
N..
|
3月前
|
存储 JavaScript 前端开发
JavaScript语言的基本结构
JavaScript语言的基本结构
N..
24 1
|
12月前
|
设计模式 JavaScript 前端开发
JavaScript的栈结构
想要代码更优雅,数据结构,设计模式跑不掉,今天走进栈结构!
93 0
JavaScript的栈结构
|
3月前
|
移动开发 前端开发 JavaScript
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(下)
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(下)
|
3月前
|
JavaScript 前端开发 Java
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(中)
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(中)
|
3月前
|
JavaScript 前端开发 Java
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(上)
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(上)