Javascript（四）

最新推荐文章于 2022-06-17 15:06:59 发布
最新推荐文章于 2022-06-17 15:06:59 发布
阅读量139 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49959448/article/details/116609934
版权

Javascript

条件分支语句switch

执行流程：
switch…case…语句

在执行时会依次将case后的表达式的值和switch后的条件表达式的值进行全等比较。

如果比较结果为true，则从当前case处开始执行代码
在这里插入图片描述

当前case后的所有的代码都会执行，我们可以在擦色的后边跟着一个break关键字

这样可以确保只会执行当前case语句，而不会执行其他case语句
在这里插入图片描述
当比较结果为false时，则继续向下比较

如果所有的比较结果都为false，则会执行default后的语句
在这里插入图片描述

switch语句和if语句的功能实际上时重复的，使用switch可以实现if的功能

同样if语句也可以实现switch的功能，我们在使用的时候根据自己的习惯选择

while循环

语法：
while(条件表达式){
语句…
}

while语句在执行时，
先对条件表达式进行求值判断，

如果结果为true，则执行循环体，
循环体执行完毕以后，继续执行循环体，依次类推

如果结果为false，则终止循环
在这里插入图片描述

do while 循环

语法：
do{
语句…
}while(条件表达式)

执行流程：
do…while语句在执行时，会先执行循环体

循环体执行完毕以后，再对while语句进行判断
如果判断结果为true，则继续执行循环体

如果判断结果为false，则终止循环
在这里插入图片描述

实际上while语句与do…while语句功能上基本一样

只是do…while语句不管怎么样都会先执行一次循环体

而while语句是先判断再执行，可能会一次都不执行

for循环

语法：
for(初始化表达式；条件表达式；更新表达式){
语句…
}

for循环执行流程：

1.执行初始化表达式，初始化变量（初始化表达式只会执行一次）

2.执行条件表达式，判断是否执行循环
如果结果为true，则执行循环
如果结果为false，则终止循环

3.执行更新表达式，更新表达式执行完毕继续重复
在这里插入图片描述

Wuyan_233
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript（四）
qq_44012757的博客
09-09 174
For循环 <script type="text/javascript"> for(var i=1;i<=100;i++){ i+=i; } i=1; while(i<=100){ i+=i; i++; } alert(i); </script> 案例：用for循环求1~100的和 <script type="text/javascript"> //求1到100的和 var sum=
JavaScript（四）函数
weixin_43933148的博客
09-26 143
一、this关键字 this是JavaScript中一个关键字 this无处不在，在任何地方都可以访问this this在不同的地方，值是不一样 window是一个顶级对象，顶级对象可以省略 页面中的内容都属于窗口(window) this在函数外，指向window对象 在事件函数中，this指向事件的触发者 总结：this指向调用者（谁调我，this就指向谁） var li
js中switch/case语句
热门推荐
Zhang's Blog
07-22 3万+
switch 语句用于基于不同条件执行不同动作。 1. 语法 switch(表达式 || 值) { case value1: 代码块 break; case value2: 代码块 break; default: 默认代码块 } 传入一个表达式或一个值 从上往下执行，把表达式的值与每个 case 的值进行对比 如果存在匹配，则执行关联代码，不匹配会break 最后一个case或default
JavaScript基础
weixin_47475510的博客
06-17 1930
javascript基础
js中switch case语句的用法总结
weixin_44867717的博客
10-21 2万+
js中switch case语句的用法总结 选择执行若干代码块中的一个,用于完成基于不同条件的行为。 语法 switch(n-表达式或单个变量){ case 1: 执行代码块 1 break case 2: 执行代码块 2 break default: 如果n既不是1也不是2，则执行此代码 } 工作原理： switch 后面的 (n) 是需要匹配的参数，可以是表达式，也可以（并通常）是变量。 然后表达式中的值会与 case 中的数字作比
js中的switch case语句，case指定多个条件时的写法
m0_37922443的博客
02-19 3万+
let a = 1; switch(a){ case 1 || 0: console.log("aaa"); break; default: console.log("else"); } 输出的结果为：aaa 当把a的值改为0的时候，想要的结果是aaa，但是结果却为：else，什么原因呢？ 在js中，case后面的语句是一个整体的表达式，不能拆分开，就是说这里的case 1 || 0其实相当于case (1 || 0)。 （1 || 0）的值为1，当
JavaScript 四个方向图片滚动效果.zip
11-04
在"JavaScript四个方向图片滚动效果.zip"这个压缩包中，我们可以推测它包含了一个实现图片在四个方向（上、下、左、右）滚动的JavaScript代码示例或库。这种效果通常用于创建吸引人的滑动展示或者轮播图组件。 在...
javascript四舍五入函数代码分享(保留后几位)
12-11
直接看代码吧 参数一：要保留小数位的数字 参数二：要保留的位数 代码如下:function FormatNumber(srcStr,nAfterDot){ var srcStr,nAfterDot; var resultStr,nTen; srcStr = “”+srcStr+””;...
Javascript四舍五入Math.round()与Math.pow()使用介绍
10-26
本文为大家介绍下Javascript中的四舍五入Math.round()与Math.pow()的使用，感兴趣的朋友不要错过
js中switch case循环实例代码
10-26
主要介绍了js中switch case循环实例代码，有需要的朋友可以参考一下
低代码UI构件javascript四天小组作业成果8组
01-17
在四天小组作业中，第八组可能通过以下步骤实现了他们的成果： 1. **需求分析**：首先，团队需要明确应用的需求，包括界面设计、功能模块以及预期的用户体验。 2. **选择低代码平台**：根据需求，团队可能选择了...
javascript 四则运算精度修正函数代码
10-29
JS预算精度问题确实很麻烦，这个能解决一些问题，虽然有bug.
js if判断多个条件_JS条件判断小技巧（一）
weixin_39999586的博客
12-03 1万+
经常code review，我发现JS newbie很容易写出一堆冗长的代码。今天就列几个比较常见的“解决之道”，看看如何减少JS里的条件判断。提前返回，少用if...else“if...else是编程语言的精华。——鲁迅”但是过多的嵌套，还是挺令人抓狂的。这里有一个很典型的条件嵌套：function func(){ var result; if( conditionA ) { if( ...
js中switch case的使用，以及case的指定条件为多个时
qq_53699919的博客
04-28 1万+
js中switch case的使用，以及case的指定条件为多个时
js---switch问题--求解答
javasvince的博客
04-10 377
js—switch问题–求解答 需要完成程序功能 -----编写函数：用switch循环来实现当输入月份时，输出月天数； 界面 出现bug 输入月份之后 点击动不了 怀疑是switch中 value2 出现问题 ** 然后将 value2.value之后运行成功** 不知道原因 求解答 出现问题代码 !DOCTYPE html> <html> <head&gt...
java里面case是什么意思_什么是Java中的switch case语句以及如何使用它？
weixin_42350014的博客
02-24 6174
switch 语句允许根据值列表测试变量是否相等。每个值被称为一个case，并针对每个case检查正在打开的变量。语法switch(expression){casevalue://声明break;casevalue://声明break;//Youcanhaveanynumberofcase声明.default://声明}以下规则适用于switch语句-switch语句中使...
js之switch语句练习
gabby____的博客
08-16 1380
一、  function myTest(val) { var answer = ""; // Only change code below this line switch(val){ case "a": answer="apple"; break; case "b": answer="bird"; break; ca...
mpu6050陀螺仪使用方法开发教程文档.docx
最新发布
07-30
mpu6050陀螺仪使用方法
【SCI顶级】龙格库塔算法RUN-CNN-LSTM-Multihead-Attention温度预测【含源码 5747期】.zip
07-30
CSDN海神之光上传的全部代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：Main .m； 数据； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，可私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开除Main.m的其他m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博主博客文章底部QQ名片； 4.1 CSDN博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 智能优化算法-CNN-LSTM-Mutilhead-Attention回归预测系列程序定制或科研合作方向： 4.4.1 遗传算法GA/蚁群算法ACO-CNN-LSTM-Mutilhead-Attention回归预测 4.4.2 粒子群算法PSO/蛙跳算法SFLA-CNN-LSTM-Mutilhead-Attention回归预测 4.4.3 灰狼算法GWO/狼群算法WPA-CNN-LSTM-Mutilhead-Attention回归预测 4.4.4 鲸鱼算法WOA/麻雀算法SSA-CNN-LSTM-Mutilhead-Attention回归预测 4.4.5 萤火虫算法FA/差分算法DE-CNN-LSTM-Mutilhead-Attention回归预测
html javascript四级联动
03-15
HTML和JavaScript的四级联动是一种常见的前端开发技术，用于实现多个下拉列表之间的关联关系。通过选择一个下拉列表的选项，可以动态改变其他下拉列表的内容。 实现四级联动的基本步骤如下： 1. 在HTML中创建多个下拉列表，每个下拉列表都有一个唯一的id属性。 2. 使用JavaScript编写事件处理函数，当第一个下拉列表的选项改变时，触发该函数。 3. 在事件处理函数中，根据第一个下拉列表的选项值，动态生成第二个下拉列表的选项。 4. 根据第二个下拉列表的选项值，动态生成第三个下拉列表的选项。 5. 根据第三个下拉列表的选项值，动态生成第四个下拉列表的选项。 以下是一个简单的示例代码： HTML部分： ```html <select id="first"> <option value="option1">选项1</option> <option value="option2">选项2</option> </select> <select id="second"></select> <select id="third"></select> <select id="fourth"></select> ``` JavaScript部分： ```javascript // 获取下拉列表元素 var firstSelect = document.getElementById("first"); var secondSelect = document.getElementById("second"); var thirdSelect = document.getElementById("third"); var fourthSelect = document.getElementById("fourth"); // 第一个下拉列表改变时触发事件处理函数 firstSelect.addEventListener("change", function() { // 根据选项值生成第二个下拉列表的选项 var selectedOption = firstSelect.value; // 根据selectedOption生成第二个下拉列表的选项 // ... // 清空第三个和第四个下拉列表的选项 thirdSelect.innerHTML = ""; fourthSelect.innerHTML = ""; }); // 第二个下拉列表改变时触发事件处理函数 secondSelect.addEventListener("change", function() { // 根据选项值生成第三个下拉列表的选项 var selectedOption = secondSelect.value; // 根据selectedOption生成第三个下拉列表的选项 // ... // 清空第四个下拉列表的选项 fourthSelect.innerHTML = ""; }); // 第三个下拉列表改变时触发事件处理函数 thirdSelect.addEventListener("change", function() { // 根据选项值生成第四个下拉列表的选项 var selectedOption = thirdSelect.value; // 根据selectedOption生成第四个下拉列表的选项 // ... }); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值