首页 > 编程语言 >【13.0】JavaScript之流程控制

【13.0】JavaScript之流程控制

时间:2024-02-27 10:02:51浏览次数:26  
标签:console log 流程 JavaScript else while 条件 代码 13.0

【一】if判断

【1】语法

// if - else
if (条件){条件成立执行的代码块}else{条件不成立时执行的代码块}
// if - else if - else
if (条件){条件成立执行的代码块}else if(条件){条件成立执行的代码块}else{条件不成立时执行的代码块}


// () 条件 {} 执行的代码块

【2】if ~ else

var age = 10;
if (age >= 18) {
    console.log("你好")
} else {
    console.log("滚蛋")
};

【3】if ~ else ~ else if

if (age >= 18 ){
    console.log("你好")
}else if(age<10){
    console.log("萝莉酱")
}else{
    console.log("滚蛋")
};

【二】switch - case 语法

【1】语法

  • 提前定义好可能出现的条件和解决方式
  • break
    • 如果不加break,匹配成功之后会依次执行
  • default
    • 所有条件都不成立时走的代码

【2】示例

switch (num) {
    case 0:
        console.log("喝酒");
        break;

    case 1:
        console.log("吃饭");
        break;

    case 2:
        console.log("打牌");
        break;
    default:
        console.log("走人");
};

【三】for循环

【1】语法

for (起始条件,结束条件,循环条件){条件成立执行的代码}

【2】示例

(1)打印 0-9 的数字

for (let i=0;i<10;i++){
    console.log(i)
}

(2)打印列表内的每一个值

var ll = [11,22,33,44,55,66,77];
for (let i = 0;i < ll.length; i++){
    console.log(ll[i])
};

【四】while循环

【1】语法

while (条件){条件成立执行的代码}

【2】示例

var i = 0;
while (i<100){
    console.log(i)
    i++;
};

【五】do ~ while 循环

【1】语法

  • 后侧循环语句
  • 最少执行一次
do {
  // 执行的代码
} while (条件);

【2】示例

  • 打印出数字从 1 到 5
let i = 1;
do {
  console.log(i);
  i++;
} while (i <= 5);
  • 首先会打印出数字 1,然后进入 while 循环。
  • 由于 i 的值是 1,满足 while 条件,所以会再次执行循环体,打印出数字 2,并将 i 的值加 1。
  • 这个过程会一直重复,直到 i 的值大于 5,不再满足 while 条件,循环才会结束。

【六】三元运算符

【1】Python中

res = 4 if 1 > 2 else 6

【2】JavaScript中

条件 ? 条件成立取到的值:条件不成立取到的值
var res = 1 > 2 ? 4 : 6;
// 6

var res = 1 > 2 ? 4 : (8 > 5 ? 999 : 888);
// 999

三元运算符不要过于复杂

标签:console,log,流程,JavaScript,else,while,条件,代码,13.0
From: https://www.cnblogs.com/dream-ze/p/18036247

相关文章

  • 【16.0】JavaScript之对象
    【一】对象js中的对象是无序的属性集合我们可以把js中的对象想象成键值对,其中值可以是数据或者函数特征-在对象中属性表示行为-在对象中用方法表示可以看成Python中的字典,但是在JS中的自定义对象要比Python里面的字典操作起来更方便【二】对象创建【1】对象字面量(Objec......
  • 【15.0】JavaScript之函数
    【一】函数函数function,也叫做功能,方法,函数可以将一段代码封装起来,函数就具备了特定的功能函数的作用就是封装一段代码,将来可以重复使用在Python中定义函数需要用def在JavaScript中定义函数需要用function【二】函数声明【1】先声明再调用函数必须先声明,才能......
  • 【14.0】JavaScript之数组
    【一】什么是数组数组是一组有序的数据集合,数组内部可以存放多个数据,不限制数据类型,数组的长度可以动态调整数组类似于Python当中的列表【二】创建数组创建数据的最简单方式是通过字面量vararr=[]也可以通过数组对象去创建vararr=newArray()存放多个......
  • 【18.0】JavaScript之JS事件案例
    【一】开关灯示例<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>.c1{height:400px;width:40......
  • 【17.0】JavaScript之DOM
    【一】什么是DOM/BOM文档对象模型(DocumentObjectModel,简称DOM)浏览器对象模型(BrowserObjectModel,简称BOM)是JavaScript与网页内容及浏览器环境进行交互的两种核心概念。【1】DOM(1)概述文档对象模型(DOM)是一个编程接口,它以树状结构来表示HTML或XML文档。在D......
  • JavaScript 实现JSON 对象数组以某个属性进行分组处理
    JavaScript实现JSON对象数组以某个属性进行分组处理要在JavaScript中对JSON对象数组的某个属性进行分组处理,你可以使用一个对象来存储分组后的结果。下面是一个简单的示例,演示了如何对JSON对象数组中的某个属性进行分组处理:假设我们有一个JSON对象数组,每个对象都有ca......
  • 【10.0】JavaScript之引入
    【一】JavaScript介绍【1】什么是jsjs也是一门编程语言,他可以写后端代码【2】什么是node.js前端由于非常受制于后端,所以有一些人异想天开想要通过js来编写后端代码一统江湖由此开发了一个叫nodejs的工具(支持js跑在后端服务器上)但是并不能完美的实现【3】JavaScript......
  • Java流程控制01:用户交互Scanner
    Scanner对象1.Java提供了一个实现程序和人交互的工具类,可以获取用户的输入。Java.util.Scanner是Java5的新特征,可以通过Scanner类来获取用户的输入。2.基本语法: 3.通过Scanner类的next()与nextLine()方法获取输入的字符串,在读取欠我们一般需要使用hasNext()......
  • 2016-07-30-Android中的类加载器及类加载流程
    Android中的类加载器及类加载流程Android中的类加载器有三种,DexClassLoader、PathClassLoader、BootClassLoader。其中BootClassLoader是系统启动时预加载常用类的,一般使用不到。DexClassLoader、PathClassLoader都是继承自BaseDexClassLoader。但DexClassLoader和PathClassLo......
  • JavaScript中的包装类型详解
    JavaScript中的包装类型详解在JavaScript中,我们有基本类型和对象类型两种数据类型。基本类型包括String,Number,Boolean,null,undefined和Symbol。然而,当我们需要在这些基本类型上调用方法时,就需要用到JavaScript的包装类型。什么是包装类型?包装类型是JavaScript中的......