JavaScript流程控制

文章目录

  • 1. 顺序结构
  • 2. 分支结构
    • 2.1 if 语句
    • 2.2 if else 双分支语句
    • 2.3 if else if 多分支语句
      • 三元表达式
    • 2.4 switch 语句
      • switch 语句和 if else if语句区别
  • 3. 循环结构
    • 3.1 for 循环
      • 断点调试
    • 3.2 双重 for 循环
    • 3.3 while 循环
    • 3.4 do while 循环
    • 3.5 contiue break 关键字
  • 4. 命名规范及语法格式

流程控制:
在这里插入图片描述

1. 顺序结构

在这里插入图片描述

2. 分支结构

在这里插入图片描述

2.1 if 语句

1.语法结构在这里插入图片描述
2. 执行流程在这里插入图片描述

2.2 if else 双分支语句

  1. 语法结构在这里插入图片描述
    2.执行流程在这里插入图片描述

2.3 if else if 多分支语句

  1. 语法结构在这里插入图片描述
  2. 执行流程在这里插入图片描述
    小小案例:
    在这里插入图片描述
<script>
        var score = prompt('请输入分数');
        if (score >= 90) {
            alert('您的成绩等级为A');
        } else if (score >=80 && score < 90) {
            alert('您的成绩等级为B');
        }else if (score >=70 && score < 80) {
            alert('您的成绩等级为C');
        }else if (score >=60 && score < 70) {
            alert('您的成绩等级为D');
        }else {
            alert('您的成绩等级为E');
        }
    </script>

三元表达式

在这里插入图片描述
小小案例:
在这里插入图片描述

    <script>
        var num = prompt('请输入一个数字');
        alert(num < 10 ? '0' + num : num);
    </script>

2.4 switch 语句

当要针对变量设置一系列的特定值的选项时,就可以使用 switch 。
在这里插入图片描述
注意:在这里插入图片描述

  1. 在开发时,表达式我们一般写成变量;
  2. 我们num 的值和case 里面的值相匹配时,必须是之和数据类型都一直才可以有 num == 1;
  3. case 中没有break 时,程序会继续执行下一个case ,直至遇到break 或defult .

switch 语句和 if else if语句区别

在这里插入图片描述

3. 循环结构

在这里插入图片描述

3.1 for 循环

在这里插入图片描述

  1. 语法结构在这里插入图片描述
  2. 执行示例在这里插入图片描述

断点调试

在这里插入图片描述
小小案例:
在这里插入图片描述

 <script>
        var num = prompt('请输入打印星星的个数');
        var str = '';
        for (var i = 1; i <= num; i++) {
            str += '⭐' 
        }
        console.log(str);
    </script>

3.2 双重 for 循环

  1. 语法结构在这里插入图片描述
  2. 执行示例在这里插入图片描述
    小小案例:在这里插入图片描述
<script>
        var n = prompt('请输入打印星星的行数');
        var l = prompt('请输入打印星星的列数');
        for (var i = 1; i <= n; i++) {
            var str = '';
            for (var j = 1; j <= l; j++) {
                str += '⭐'
            }
            str += '\n';
            console.log(str); 
        }
    </script>

在这里插入图片描述

    <script>
        var n = prompt('请输入打印星星的行数');
        for (var i = 1; i <= n; i++) {
            var str = '';
            for (var j = i; j <= n; j++) {
                str += '⭐'
            }
            str += '\n';
            console.log(str); 
        }
    </script>

在这里插入图片描述

    <script>
        var str = '';
        for (var i = 1; i <= 9; i++) {
            for (var j = 1; j <= i; j++) {
                str += j + 'x'+ i + '=' + j*i + ' ';
            }
            str += '\n';
        }
        console.log(str);
    </script>

3.3 while 循环

  1. 语法结构在这里插入图片描述
  2. 执行示例在这里插入图片描述

3.4 do while 循环

  1. 语法结构在这里插入图片描述
  2. 执行示例在这里插入图片描述
    do while 循环特点:
    在这里插入图片描述

3.5 contiue break 关键字

  1. contiue: 用于立即跳出当前循环,继续下一次循环;
  2. break: 用于立即跳出整个循环。

4. 命名规范及语法格式

  1. 标识符命名规范在这里插入图片描述

  2. 操作符命名规范在这里插入图片描述

  3. 单行注释命名规范在这里插入图片描述

  4. 其他命名规范在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/409561.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

3.WEB渗透测试-前置基础知识-快速搭建渗透环境(上)

上一个内容&#xff1a;2.WEB渗透测试-前置基础知识-web基础知识和操作系统-CSDN博客 1.安装虚拟机系统 linux Kali官网下载地址&#xff1a; https://www.kali.org/get-kali/#kali-bare-metal Centos官网下载地址&#xff1a; https://www.centos.org/download/ Deepin官网下…

Flask基础学习4

19-【实战】问答平台项目结构搭建_剪_哔哩哔哩_bilibili 参考如上大佬的视频教程&#xff0c;本博客仅当学习笔记&#xff0c;侵权请联系删除 问答发布的web前端页面实现 register.html {% extends base.html %}{% block head %}<link rel"stylesheet" href&q…

软件应用场景,物流货运配货单打印模板软件单据打印查询管理系统软件教程

软件应用场景&#xff0c;物流货运配货单打印模板软件单据打印查询管理系统软件教程 一、前言 以下软件以 佳易王物流快运单打印查询管理系统软件V17.1 软件文件下载可以点击最下方官网卡片——软件下载——试用版软件下载 1、打印模式可以分为 直打模式和套打模式 直打模…

在IDEA中创建vue hello-world项目

工作中最近在接触vue前端项目&#xff0c;记录一下从0搭建一个vue hello world项目的步骤 1、本地电脑安装配置node、npm D:\Project\vue\hello-world>node -v v14.21.3 D:\Project\vue\hello-world>npm -v 6.14.18 D:\Project\vue\hello-world> 2、设置npm国内淘…

2024最新前端面试题

一、css 浏览器渲染机制 定位margin 定位transform flex布局 二、js 数组是属于Object类型的&#xff0c;也就是引用类型&#xff0c;所以不能使用 typeof 来判断其具体类型。下面这些方法是判断数组的几种方法&#xff1a; 1、instanceof运算符 主要是判断某个实例&#xff08…

Movelt使用笔记-Movelt Setup Assistant

目录 Setup Assistant配置1 Start 加载urdf模型3 Virtual joints 虚拟关节5 Robot Poses 机器人位姿7 Passive Joints 被动关节8 Controllers 控制器9 Simulation 仿真10 3D Perception 3D感知11 Author Information 作者信息12 Configuration Files 配置文件启动MoveIt!Setup…

贪心算法学习

贪心算法&#xff08;Greedy Algorithm&#xff09;是一种在每一步选择中都采取在当前状态下最好或最优&#xff08;即最有利&#xff09;的选择&#xff0c;从而希望导致结果是全局最好或最优的算法。贪心算法在有最优子结构的问题中尤为有效。然而&#xff0c;要注意的是贪心…

推荐莹莹API管理系统PHP源码

莹莹API管理系统PHP源码附带两套模板,PHP版本要求为5.6至8.0之间&#xff0c;已测试通过的版本为7.4。 需要安装PHPSG11加密扩展。 已测试&#xff1a;宝塔/主机亲测成功搭建&#xff01; 演示地 址 &#xff1a; runruncode.com/php/19698.html 安装说明&#xff08;适用于宝…

全网唯一基于共享内存的C++ RPC框架

首先声明&#xff1a;我不是标题党&#xff0c;我是在找遍全网&#xff0c;没有找到一个基于共享内存实现、开源且跨平台的C RPC框架之后&#xff0c;才着手开发的这个框架。 项目地址&#xff1a;https://github.com/winsoft666/veigar 1. Veigar Veigar一词来源于英雄联盟里…

数据库应用:Windows 部署 MySQL 8.0.36

目录 一、实验 1.环境 2.Windows 部署 MySQL 8.0.36 3.Windows配置环境变量 4.Navicat链接MySQL 二、问题 1.安装MySQL 报错 一、实验 1.环境 &#xff08;1&#xff09;主机 表1 主机 主机软件版本IP备注WindowsMySQL8.0.36localhost 2.Windows 部署 MySQL 8.0.…

【项目部署上线】宝塔部署前端Docker部署后端

【项目部署上线】宝塔部署前端&Docker部署后端 文章目录 【项目部署上线】宝塔部署前端&Docker部署后端1.安装依赖1.1 安装mysql1.2 安装Canal1.3 安装redis1.4 安装rabbitmq1.5 安装nacos 2. 部署前端3. 部署后端 1.安装依赖 1.1 安装mysql docker run -d -p 3306:3…

成功解决No module named ‘skimage‘(ModuleNotFoundError)

成功解决No module named ‘skimage’(ModuleNotFoundError) &#x1f308; 个人主页&#xff1a;高斯小哥 &#x1f525; 高质量专栏&#xff1a;Matplotlib之旅&#xff1a;零基础精通数据可视化、Python基础【高质量合集】、PyTorch零基础入门教程 &#x1f448; 希望得到您…

模型 OIIC(目标、障碍、洞察、挑战)

系列文章 分享 模型&#xff0c;了解更多&#x1f449; 模型_总纲目录。沟通方案工具。 1 OIIC(目标、障碍、洞察、挑战)模型的应用 1.1 OIIC 驱动的汽车配件渠道优化 一家知名的汽车配件制造商&#xff0c;旗下品牌拥有众多产品&#xff0c;其销售渠道广泛&#xff0c;不仅在…

Python算法题集_实现 Trie [前缀树]

Python算法题集_实现 Trie [前缀树] 题208&#xff1a;实现 Trie (前缀树)1. 示例说明2. 题目解析- 题意分解- 优化思路- 测量工具 3. 代码展开1) 标准求解【定义数据类默认字典】2) 改进版一【初始化字典无额外类】3) 改进版二【字典保存结尾信息无额外类】 4. 最优算法5. 相关…

VirtualBox+Vagrant安装linux

一、VirtualBox安装 VirtualBox官网&#xff1a;Oracle VM VirtualBox 这里采用VirtualBox--7.0.0 版本 二、Vagrant安装 Vagrant官网&#xff1a;Vagrant by HashiCorp Vagrant镜像仓库&#xff1a;Discover Vagrant Boxes - Vagrant Cloud 这里采用Vagrant--2.4.1版本 在…

【 buuctf-single dog】

单身&#x1f436;&#xff0c;哭死&#xff01; 废话不多说直接 binwalk&#xff0c;果然有 zip&#xff0c;直接提取一下 得到的 1.txt 里面都是些类似表情的东西&#xff0c;是 AAencode 加密&#xff0c;js 颜文字加密CTF在线工具-在线AAencode编码|AA编码|AAencode解码|AA…

vue基础操作(vue基础)

想到多少写多少把&#xff0c;其他的想起来了在写。也写了一些css的 input框的双向数据绑定 html <input value"123456" type"text" v-model"account" input"accou" class"bottom-line bottom" placeholder"请输入…

微服务知识02

1、九大高并发解决方案 2、系统架构图​​​​​​​ 3、分布式事务 本地事务、分布式事务 操作不同服务器的数据库&#xff08;垂直分库&#xff09; 4、分布式事务解决方案&#xff08;没有seata之前&#xff09; &#xff08;1&#xff09;XA协议&#xff08;强一致性&a…

vmware安装centos 7.9 操作系统

vmware安装centos 7.6 操作系统 1、下载centos 7.9 操作系统镜像文件2、安装centos 7.9 操作系统3、配置centos 7.6 操作系统3.1、配置静态IP地址 和 dns3.2、查看磁盘分区3.3、查看系统版本 1、下载centos 7.9 操作系统镜像文件 本文选择centos 7.9 最小化安装镜像包 这里选…

花店行业如何快速搭建自己的小程序

如今&#xff0c;小程序已经成为了各行各业的必备工具之一。对于花店来说&#xff0c;拥有一个专属的小程序能够更好地展示花卉信息&#xff0c;提供在线购买等功能。然而&#xff0c;对于初学者来说&#xff0c;制作小程序可能会感到困惑。但是&#xff0c;不要担心&#xff0…