JS基础(二)

news/2024/7/8 12:48:58 标签: java

程序三大流程控制语句

顺序结构

  • 从上往下执行

分支结构

  • 根据条件选择执行

循环结构

  • 某段代码重复执行

分支语句

if分支语句

单分支

语法:

javascript">if(条件) {
    满足条件要执行的代码
}
  • 当条件为true,代码会执行
  • 若条件结果不是布尔型,则会发生隐式转换成布尔型

双分支

语法:

javascript">if(条件) {
    满足条件要执行的代码
} else {
    不满足条件执行的代码
}

多分支

语法:

javascript">if(条件1{
    代码1
} else if (条件2{
    代码2
} else {
    代码n
}

三元运算符

语法:

javascript">条件 ? 满足条件要执行的代码 : 不满足条件执行的代码

一般用来取值

switch语句

语法:

javascript">switch(数据) {
    case1:
        代码1
        break
        
    case2:
        代码2
        break
        
    default :
        代码n
        break
}
  • 找到跟小括号里数据全等的case值,并执行里面对应的代码
  • 若没有全等 (===) 的则执行default里的代码
    注意:
  1. switch case语句一般用于等值判断,不适合于区间判断
  2. switch case一般需要配合break关键字使用 没有break会造成case穿透

循环语句

while循环

语法:

javascript">while (循环条件) {
    要重复执行的代码(循环体)
}

注意:

  1. 跟if语句很像,都要满足小括号的条件为true才会进入执行代码
  2. while大括号里代码执行完毕之后不会跳出,而是继续回到小括号里判断条件是否满足,若满足又要执行大括号里的代码,然后再回到小括号判断条件,知道括号的条件不满足,即跳出

循环三要素:

  1. 变量起始值
  2. 终止条件(若没有终止条件,会造成死循环)
  3. 变量变化量(自增或者自减)

for 循环

语法:

javascript">for (声明记录循环次数的变量; 循环条件; 变化值) {
    循环体
}

优点:
声明七时至、循环条件、变化值写到一起,一目了然

例子:循环遍历数组

javascript">
 let Name = ['马超' , '赵云' , '张飞' , '关羽' , '黄忠']
        for(i = 0 ;i < Name.length ; i ++ ) {
            document.write(Name[i] + ' ')
        }

for循环嵌套

语法:

javascript">
for (外部声明记录循环次数的变量; 循环条件; 变化值) {
        for (内部声明记录循环次数的变量; 循环条件; 变化值) {
             循环体
    }
}
例子:九九乘法表
javascript">
for(i = 1 ; i <= 9 ; i ++ ) {
        for (j = 1 ; j <= i ; j ++ ) {
            document.write(i + '×' + j + '=' + i*j + ' | ')
        }
        document.write('<br>')
    }

for循环和while循环的用法:

  • 当如果明确了循环的次数的时候推荐使用for循环
  • 当不明确循环的次数的时候推荐使用while循环

退出循环

  • continue:结束本次循环,继续下次循环
  • break:跳出所在的循环

http://www.niftyadmin.cn/n/1595510.html

相关文章

移动适配-rem

rem 认识 优点&#xff1a; 可以适应不同大小的屏幕 使用px或者百分比布局不能实现&#xff1a; px单位时绝对单位百分比布局是宽度自适应&#xff0c;高度固定的 rem使用 rem使用时需要配合: 媒体查询flexible.js(推荐使用⭐) rem 单位 相对单位 相对于HTML标签的字…

说说IUnitOfWork~方法完整性与统一提交不冲突

回到目录 第一讲 认识IUnitOfWork&#xff0c;为什么要出现IUnitOfWork接口第二讲 Linq to Sql与EntityFrameworks中的SubmtChanges()发生了什么事第三讲 方法完整性与统一提交不冲突第四讲 DbContext对象的创建应该向BLL层公开第五讲 我的IUnitOfWorkRepository架构在一个方法…

CSS预处理器-Less

less 认识 Less是一个 CSS预处理器&#xff0c; Less文件后缀为.less浏览器不识别less文件&#xff0c;所以在VScode里使用Easy Less插件自动生成css文件 优点&#xff1a; css逻辑更加清晰免去了繁琐的计算&#xff08;直接写计算式就可&#xff09; 注释 // 单行注释 C…

运维博客集

1. http://blog.kn126.com/ 运维世界一个运维初学者的学习历程Linux/CentOS/Ubuntu/FreeBSD 服务器教程Windows Server 2003/2008 服务器教程 2.云维科技 http://kicklinux.com/ 首页集群和高可用NOSQL云计算虚拟化自动化运维系统基础运维服务 3.南http://alsww.blog.51cto.co…

IO 常用IO操作类继承结构 及简单简介

IO字符流Reader(源)BufferedReaderLineNumberReaderInputStreamReaderFileReader(字节流通向字符流的桥梁)StringReader Writer(目的)BufferedWriter OutputStreamWriterFileWriter(字符流通向字节流的桥梁)StringWriter PrintWriter 字节流InputStream(源)FileInputStream…

JS循环练习-简易银行ATM

需求&#xff1a; 用户可以选择存钱、取钱、查看余额和退出功能 分析&#xff1a; 1. 弹窗显示功能&#xff0c;将prompt写到循环里 2. 只有用户点击退出时才能跳出循环 3. ATM功能可以使用开关语句 效果图&#xff1a; 代码示例&#xff1a; <!DOCTYPE html> <…

Websphere MQ 7.0.0 For Linux版安装

为什么80%的码农都做不了架构师&#xff1f;>>> 将压缩包上传至指定目录&#xff0c;比如&#xff1a;/home/hqh/MQ7下面。 [rootlocalhost hqh]# cd MQ7 [rootlocalhost MQ7]# ls CZ50AML.tar.gz 修改权限 [rootlocalhost MQ7]# chmod 755 CZ* 解压 [rootl…

移动适配-vw/wh

vw/vh 是相对单位 vw&#xff1a;viewport width 1vw 1/100视口宽度 vh&#xff1a;viewport height 1vh 1/100视口高度 vw单位尺寸 1.确定设计稿对应的vw尺寸 &#xff08;1/100视口宽度&#xff09; 查看设计稿宽度 → 确定参考设备宽度 (视口宽度) → 确定vw尺寸 &a…