当前位置： 首页 > news >正文

JS ATM练习案例（复习循环知识）

news 2026/4/5 2:53:49

需求：用户可以选择存钱、取钱、查看余额和退出功能。

分析：1循环时反复出现提示框，所以提示框写到循环里面。

2.退出的条件是4，所以是4就会结束循环

3.提前准备一个金额预存储

4取钱为减法操作，存钱为加法操作，查看为直接显示数额。

5输入不同的值，可以用switch来执行不同操作。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><script>  let money = 100;  while (true) {  let re = +prompt(`  请您选择操作：  1.存钱  2.取钱  3.查看余额  4.退出`);  if (re === 4) {  break;  }  switch (re) {  case 1:  let cun = +prompt(`请输入存款金额`);  if (cun >= 0) {  money += cun;  alert('存款成功'); // 添加操作成功提示  } else {  alert('存款金额必须为非负数'); // 更改错误提示  }  break; // 添加break语句  case 2:  let qu = +prompt(`请输入取款金额`);  if (qu >= 0 && qu <= money) { // 确保取款金额不超过余额  money -= qu;  alert('取款成功'); // 添加操作成功提示  } else {  alert('取款金额错误或余额不足'); // 更改错误提示  }  break; // 添加break语句  case 3:  alert(`金额为: ${money}`);  break;  }  }  </script>
</body>
</html>

这里的+号将字符串转化成数字类型

break退出整个循环

continue退出本次循环，进入下一次循环。

do while 循环先执行一次再判断循环

在 JavaScript（以及其他许多编程语言中），do...while 循环是一种后测试循环，意味着循环体至少会执行一次，然后才会检查条件以确定是否应继续循环。这与 while 循环不同，while 循环会在每次迭代之前检查条件，因此如果条件从一开始就不满足，循环体可能一次都不会执行。

switch case和if else都是编程中常用的条件判断语句，但它们之间存在一些关键的区别。

  1. 使用场景：
  • switch case通常用于处理具有多个离散值的情况，特别是当这些值是常量或枚举类型时。它通常用于处理算术表达式或字符。
  • if else则更加灵活，可以用于各种条件判断，包括范围判断（大于、小于或等于某个范围）。其判断条件可以是逻辑表达式，布尔类型的合法表达式，常量，枚举等。
  1. 执行效率：
  • 当分支较少时，if else语句的执行效率通常比switch case高，因为if else不需要生成跳转表。
  • 当分支较多时，switch case的执行效率更高。这是因为switch case确定了选择值之后直接跳转到那个特定的分支，而if else需要遍历所有条件分支直到找到匹配的条件。
  1. 代码可读性：
  • 当分支较多时，使用switch case语句可以使代码结构更清晰，提高代码的可读性。
  • 相比之下，if else语句在分支较多时可能会使代码显得较为混乱。
  1. 空间占用：
  • switch case语句会生成一个跳转表来指示实际的case分支的地址，这占用了较多的代码空间。特别是当case常量分布范围很大但实际有效值又比较少时，switch case的空间利用率会变得很低。
  • if else则不需要生成跳转表，因此在空间占用上通常优于switch case。
  • switch注意全等问题，=== 注意类型的转化

循环for 

基本使用：

作用：重复执行代码

1.for 循环语法

for(起始值；终止条件；变量变化量){

循环体

}

for(i=1;i<=5;i++){document.write('变得有钱')
}

首先i=1,进行条件判断，符合条件执行一次。

i++进行自增，然后继续判断条件

直到不符合条件退出循环。

循环练习：

1.利用循环输出1-100岁

2.求1-100所有的偶数

3.页面中打印5个星星

        for (var i = 0; i < 100; i++) {document.write("  " + i);}let sum = 0for (let i = 0; i <= 100; i++) {if (i % 2 == 0) {sum += i}}document.write(sum);for (let a = 1; a <= 5; a++) {document.write("*");}

for循环最大价值循环数组

遍历：从第一个循环到最后一个

        let arr = ['刘德华', '马士兵', '王凡', '李毅', '张博']for (var i = 0; i < arr.length; i++) {console.log(arr[i]);}

相关文章：

JS ATM练习案例（复习循环知识）

需求&#xff1a;用户可以选择存钱、取钱、查看余额和退出功能。 分析&#xff1a;1循环时反复出现提示框&#xff0c;所以提示框写到循环里面。 2.退出的条件是4&#xff0c;所以是4就会结束循环 3.提前准备一个金额预存储 4取钱为减法操作&#xff0c;存钱为加法操作&#xf…...

编程日记 2024/3/14 3:36:48

Android 二维码相关(一)

Android 二维码相关(一) 本篇文章主要记录下android下使用zxing来创建二维码. 1: 导入依赖 api "com.google.zxing:core:3.5.1"2: 创建二维码 创建QRCodeWriter对象 QRCodeWriter qrCodeWriter new QRCodeWriter(); 将文本内容转换成BitMatrix BitMatrix encode …...

编程日记 2024/3/14 3:33:46

利用tree命令自动保存文件层级结构

tree命令的使用 为了将上图左侧的文件目录&#xff0c;生成上图右侧中的文件夹结构列表&#xff0c;保存在txt中&#xff0c;使用了如下cmd命令&#xff1a; C:\armadillo-12.8.0>tree .>list.txt以上tree命令分为3部分&#xff1a; tree 命令. 在当前目录>list.tx…...

编程日记 2024/3/14 3:32:45

C++初阶：内存管理

目录 1. C/C中各种资源的内存分布1.1 C/C程序内存区域划分1.2 各资源的内存分布情况&#xff08;练习&#xff09; 2. C中的动态内存管理方式2.1 new/delete开辟内置类型空间2.2 new/delete开辟销毁自定义类型空间 3. operator new 与 operator delete函数4. new与delete的实现…...

编程日记 2024/3/14 3:30:42

vue和react的diff算法源码

Vue.js 中的虚拟 DOM Diff 算法是其性能优化的关键之一。 Vue.js 的 Diff 算法主要基于 Snabbdom&#xff0c;以下是 Vue.js 中虚拟 DOM Diff 算法的简化版伪代码&#xff0c;以便说明其基本思想&#xff1a; function patch(oldVnode, vnode) {// 如果 oldVnode 不存在&…...

编程日记 2024/3/14 3:28:37

Coordinate Attention（CVPR 2021）

paper&#xff1a;Coordinate Attention for Efficient Mobile Network Design official implementation&#xff1a;GitHub - houqb/CoordAttention: Code for our CVPR2021 paper coordinate attention 背景 注意力机制&#xff0c;已经被广泛用于提高深度神经网络的性能&…...

编程日记 2024/3/14 3:27:37

计算机网络-第4章 网络层（2）

主要内容&#xff1a;网络层提供的两种服务&#xff1a;虚电路和数据报&#xff08;前者不用&#xff09;、ip协议、网际控制报文协议ICMP、路由选择协议&#xff08;内部网关和外部网关&#xff09;、IPv6,IP多播&#xff0c;虚拟专用网、网络地址转换NAT&#xff0c;多协议标…...

编程日记 2024/3/14 3:26:36

重学SpringBoot3-WebMvcAutoConfiguration类

更多SpringBoot3内容请关注我的专栏&#xff1a;《SpringBoot3》 期待您的点赞&#x1f44d;收藏⭐评论✍ 重学SpringBoot3-WebMvcAutoConfiguration类 是什么什么用生效条件作用 自定义配置的三种方式自定义配置举例1. 自定义 DispatcherServlet 配置2. 静态资源配置3. 自定义…...

编程日记 2024/3/14 3:22:31

探索数据结构：深入了解顺序表的奥秘

✨✨ 欢迎大家来到贝蒂大讲堂✨✨ &#x1f388;&#x1f388;养成好习惯&#xff0c;先赞后看哦~&#x1f388;&#x1f388; 所属专栏&#xff1a;数据结构与算法 贝蒂的主页&#xff1a;Betty’s blog 1. 什么是顺序表 顺序表是用一段物理地址连续的存储单元依次存储数据元…...

编程日记 2024/3/14 3:17:26

苍穹外卖学习-----2024/03/010---redis,店铺营业状态设置

1.Redis入门 2.在Java中操作Redis 3.店铺营业状态设置 BUG!!! 今天在启动项目时&#xff0c;用到了Redis缓存数据库&#xff0c;但是却出现了报错信息&#xff1a; ERR Client sent AUTH, but no password is set。Caused by: io.lettuce.core.RedisCommandExecutionException…...

编程日记 2024/3/14 3:15:24

RUST 每日一省：发布到crates.io

github是开源代码分享的地方&#xff0c;rust的开源项目除了github&#xff0c;我们还可以将其发布到 crates.io 上&#xff0c;然后其它用户就可以使用cargo进行安装使用了。其实步骤很简单&#xff0c;只有三条命令了&#xff0c;我们一次来看一下。 1、cargo package 首先&a…...

编程日记 2024/3/14 3:11:21

String类及其常用方法

文章目录 1.String类的特性与使用1.1 String类的特性1.2 String对象的创建方式1.3 String 的使用&#xff08;不同的拼接操作&#xff09; 2.String常用方法2.1 String的常用方法一2.2 String常用方法二2.3 String常用方法三 1.String类的特性与使用 1.1 String类的特性 Stri…...

编程日记 2024/3/14 3:06:16

1094. 拼车

说在前面 &#x1f388;不知道大家对于算法的学习是一个怎样的心态呢&#xff1f;为了面试还是因为兴趣&#xff1f;不管是出于什么原因&#xff0c;算法学习需要持续保持。 题目描述 车上最初有 capacity 个空座位。车 只能 向一个方向行驶&#xff08;也就是说&#xff0c;不…...

编程日记 2024/3/14 3:00:09

Docker进阶：深入了解容器数据卷

Docker进阶&#xff1a;深入了解容器数据卷 一、前言二、容器数据卷的作用三、容器数据卷的使用方法四、实战--使用docker部署前端项目&#xff08;数据卷挂载&#xff09;4.1 重要&#xff1a;准备工作&#xff0c;先在本地创建挂载目录4.2 启动一个临时的nginx容器&#xff0…...

编程日记 2024/3/14 2:59:08

升级版本彻底解决bootstrap-table-fixed-columns固定列后行对不齐问题

升级到bootstrap-table和bootstrap-table-fixed-columns版本都升级到v1.22.3版本以上&#xff0c;即可解决该问题 bootstrap-table&#xff1a;bootstrap-table/dist/bootstrap-table.min.css at develop wenzhixin/bootstrap-table GitHub bootstrap-table-fixed-columns&…...

编程日记 2024/3/14 2:58:07

打破边界：深入探索STUN在实现无缝NAT穿越和WebRTC通信中的核心作用

引言 STUN是一个网络协议&#xff0c;设计用于帮助在网络地址转换&#xff08;NAT&#xff09;后面的设备发现其公网地址和端口号。通过允许这些设备发现自己从外部看到的地址&#xff0c;STUN使得它们能够在NAT或防火墙背后建立端到端的通信&#xff0c;这对于VoIP、视频会议…...

编程日记 2024/3/14 2:57:06

浅谈 前端的动态绑定属性

目录 前言1. 基本知识2. Demo 前言 作为Java开发者&#xff0c;从开发转到全栈&#xff0c;前端好些细节都需要科普&#xff0c;这不就来个动态绑定属性 起因是这个&#xff1a; <uni-tr> <uni-td align"center" :rowspan"checkTypesCount 1"…...

编程日记 2024/3/14 2:56:05

Sklearn支持向量机

支持向量机&#xff08;Support Vector Machine, SVM&#xff09;是一种常用的分类算法&#xff0c;它可以用于解决二分类和多分类问题。在Python中&#xff0c;你可以使用Sklearn库来实现SVM。下面是一个简单的例子&#xff0c;展示了如何使用Sklearn进行SVM分类。 # 导入必要…...

编程日记 2024/3/14 2:55:04

【Lazy ORM】 小工具 acw 本地客户端 你负责点击页面，他负责输出代码

介绍 wu-smart-acw-client 简称acw-client&#xff0c;是一个基于Lazy ORM定制的客户端代码生成小工具 Lazy ORM 小工具 acw 本地客户端 你负责点击页面&#xff0c;他负责输出代码安装 <dependency><groupId>top.wu2020</groupId><artifactId>wu-sma…...

编程日记 2024/3/14 2:53:02

《详解：鸿蒙NEXT开发核心技术》

我们现在都知道鸿蒙作为一个国产的全栈自研系统&#xff0c;经过国家主推后。已经引起人们很大的关注&#xff0c;其中作为开发者来说&#xff1b;许多一线大厂已经与其华为鸿蒙展开原生应用的合作了&#xff0c;目前了解到已经有200家。而之后出现了很多的高薪鸿蒙开发岗位&am…...

编程日记 2024/3/14 2:52:02

从‘汉宁窗’到‘凯泽窗’：手把手教你用Python SciPy为你的音频降噪项目挑选最合适的FIR窗函数

从‘汉宁窗’到‘凯泽窗’&#xff1a;Python SciPy窗函数在音频降噪中的实战选择指南 当一段珍贵的录音被50Hz工频噪声污染时&#xff0c;我们面临的不仅是技术问题&#xff0c;更是艺术与科学的平衡。窗函数作为FIR滤波器设计中的关键参数&#xff0c;直接影响着滤波器在频率…...

编程新知 2026/4/5 2:50:55

yaml-cpp性能基准测试全解析：C++ YAML解析器速度与内存占用深度分析

yaml-cpp性能基准测试全解析&#xff1a;C YAML解析器速度与内存占用深度分析 【免费下载链接】yaml-cpp A YAML parser and emitter in C 项目地址: https://gitcode.com/gh_mirrors/ya/yaml-cpp yaml-cpp是一个功能强大的C YAML解析器和发射器库&#xff0c;它完全遵循…...

编程新知 2026/4/4 23:57:40

避开这个坑！WPS2019添加VBA按钮的正确姿势（含宏录制技巧）

WPS 2019中VBA按钮添加全攻略&#xff1a;从宏录制到界面定制的完整流程 如果你是从Excel转向WPS的办公自动化用户&#xff0c;可能会惊讶地发现&#xff1a;熟悉的VBA按钮添加方式在WPS中竟然完全行不通。这不是你的操作问题&#xff0c;而是两个软件在设计理念上的本质差异。…...

编程新知 2026/4/4 22:03:52

嵌入式工程师面试通关指南：从基础理论到实战调试的30个核心考点

1. 嵌入式系统基础概念 1.1 单片机与微处理器的本质区别 很多刚入门的工程师容易混淆单片机和微处理器的概念。简单来说&#xff0c;单片机就是"片上系统"&#xff0c;它把CPU、存储器、I/O接口等核心部件都集成在了一个芯片里。我在设计智能家居控制器时就深有体会…...

编程新知 2026/4/4 21:39:48

突破魔兽争霸3兼容性壁垒：WarcraftHelper让经典游戏重获新生

突破魔兽争霸3兼容性壁垒&#xff1a;WarcraftHelper让经典游戏重获新生 【免费下载链接】WarcraftHelper Warcraft III Helper , support 1.20e, 1.24e, 1.26a, 1.27a, 1.27b 项目地址: https://gitcode.com/gh_mirrors/wa/WarcraftHelper 核心痛点&#xff1a;现代玩家…...

编程新知 2026/4/4 20:27:11

从信号处理到量化交易：我是如何用Python+miniQMT搭建实时行情数据管道的（附避坑经验）

从信号处理到量化交易&#xff1a;PythonminiQMT构建高可靠行情管道的工程实践 第一次尝试用Python连接miniQMT获取实时行情时&#xff0c;我的回调函数在开盘瞬间就被数据洪流冲垮了——这让我意识到金融数据流的处理与信号处理领域的实时系统设计竟有惊人的相似。本文将分享如…...

编程新知 2026/4/4 20:09:09

公开信息整理｜2026年4月4日：消费复苏、金融调节、教育规范、科技安全与部分国际动态速览

&#x1f525;个人主页&#xff1a;杨利杰YJlio❄️个人专栏&#xff1a;《Sysinternals实战教程》《Windows PowerShell 实战》《WINDOWS教程》《IOS教程》《微信助手》《锤子助手》 《Python》 《Kali Linux》 《那些年未解决的Windows疑难杂症》&#x1f31f; 让复杂的事情更…...

编程新知 2026/4/4 19:08:30

3步掌握TTPLA数据集：从航拍图像到智能电力巡检的完整路径

3步掌握TTPLA数据集&#xff1a;从航拍图像到智能电力巡检的完整路径 【免费下载链接】ttpla_dataset aerial images dataset on transmission towers and power lines 项目地址: https://gitcode.com/gh_mirrors/tt/ttpla_dataset 你是否曾面临这样的困境&#xff1a;…...

编程新知 2026/4/4 18:56:23

别再死记硬背公式了！用PyTorch手把手实现PPO算法（附完整代码与调参心得）

从零实现PPO算法&#xff1a;避开公式陷阱的实战指南 当你第一次翻开PPO论文&#xff0c;看到满屏的数学符号和晦涩的术语时&#xff0c;是否感到一阵眩晕&#xff1f;作为强化学习领域最受欢迎的算法之一&#xff0c;PPO&#xff08;Proximal Policy Optimization&#xff09;…...

编程新知 2026/4/4 18:15:54

告别繁琐计算：开源计算工具Calcpad如何重塑工程数学工作流

告别繁琐计算&#xff1a;开源计算工具Calcpad如何重塑工程数学工作流 【免费下载链接】Calcpad Free and open source software for mathematical and engineering calculations. 项目地址: https://gitcode.com/gh_mirrors/ca/Calcpad 你是否曾经为工程计算中重复的公…...

编程新知 2026/4/4 18:05:52