javascript基础入门之js中的结构分支与循环语句
javascript基础入门之js中的结构分支与循环语句
程序的结构
①顺序结构:自上而下;
②选择(分支)结构:多条路径,根据不同的条件,只执行其中一个;
③循环结构:重复某些代码
④配合特定的语句实现选择或循环结构
分支结构语句
单分支:if(){}
() 执行条件
{} 执行语句
双分支
if(执行条件){
执行语句1
}else{
执行语句二
}
多分支
if(执行条件1){
执行语句1
}else if(执行条件2){
执行语句2
}else if (执行条件3) {
执行语句3
}
。。。。。
多种情况,根据不同的条件选择其中一种
系统提供的switch语句:
case的穿透特性:在一个判断语句内,只会执行一次case判断,如果判断成功,后面的case全部执行,每一句后面添加break阻止case穿透,在结尾加default可以结束语句,并返回default所在的结束语句。
switch(执行条件){
case 1 :执行语句1;break;
case 2 :执行语句2;break;
case 3 :执行语句3;break;
case 4 :执行语句4;break;
case 5 :执行语句5;break;
default:结束语句;
}
switch和if-else
①switch只能判断具体的值,不能判断范围
②在switch中的case比较中,不存在隐式转换类型,会严格比较;
循环语句
①循环语句:while (执行条件){执行语句,即循环体}
②循环的条件决定循环的次数,计时器来统计循环的次数
③死循环:会大量消耗性能,甚至卡死浏览器。但是可以利用死循环的原理,解决一些无法确定执行次数的要求(选择在合适的时候,利用循环控制的关键字节数循环)
④循环的嵌套:
运用场景:多行多列结构
规律:外层控制行,内层控制列,(注意内外层计数器不能同名,同级可重复)
⑤循环运用对比:
while(){} 适合死循环
do{} while(){} 比while多循环一次
for (){} 比较适合处理确定次数的循环,条件更加集中
while循环的使用
while (执行条件){
执行语句
}
当条件为ture时,会一直重复执行语句,注意不要造成死循环。
例:
var i = 0 ; //计时器
while (i<5){ //停止循环的条件
console.log("hello world"); //打印到控制台
i++; //改变计时器
}
do-while循环的使用
do{
当条件为ture,会执行这里写的语句
}
while(执行条件){
当条件为false时,执行这里的语句
}
while和dowhile的区别
do-while无论结果为ture还是false都会执行一次
for循环的使用
for(语句1;语句2;语句3){
需要执行的代码块
}
语句1:在循环开始前执行-----------------------计时器
语句2:循环的条件---------------------------------停止的条件
语句3:在循环体被执行后执行-----------------改变计数器
例:
for ( var = 0 ; i < 10 ; i++){
alert("hello world")
}
### 循环中的关键字
containue : 表示终止本次循环,还执行后面的循环,也可以理解成跳过本次循环中剩下的语句,执行下一次循环。
break : 表示完全结束一个循环,跳出循环体执行循环语句后面的语句。
javascript基础入门之js中的结构分支与循环语句的更多相关文章
- javascript基础入门之js中的数据类型与数据转换01
javascript基础入门之js中的数据结构与数据转换01 js的组成(ECMAScript.BOM.DOM) js中的打印语句: 数据类型 变量 ...
- JavaScript 基础入门
JavaScript 基础入门 JavaScript 的组成 JS 由三部分组成,它们分别是:ECMAScript.DOM.BOM. ECMAScript 因为网景开发了JavaScrip ...
- JavaScript基础入门08
目录 JavaScript 基础入门08 DOM 介绍 绑定事件 给一组元素绑定事件 节点 节点树 节点类型 选取文档内容 通过id选取元素 通过指定的标签名选取元素 用指定的css类来选取元素 通过 ...
- JavaScript基础入门09
目录 JavaScript 基础入门09 Event 自定义右键菜单 获取鼠标按键 获取鼠标坐标 获取键盘按键 页面中位置的获取 浏览器的默认行为 冒泡 什么是冒泡 小练习 JavaScript 基础 ...
- JavaScript基础入门07
目录 JavaScript 基础入门07 BOM window对象 Navigator对象 Screen 对象 Location对象 History 对象 JavaScript 基础入门07 BOM ...
- JavaScript基础入门05
目录 JavaScript 基础入门05 严格模式 严格模式的设计目的 如何开启使用严格模式 显式报错 字符串 字符串的创建 字符串实例方法之常用API JavaScript 基础入门05 严格模式 ...
- JavaScript基础入门04
目录 JavaScript 基础入门04 JavaScript 对象 介绍 关于键名 对象的引用 语句和表达式需要注意的地方 对象属性常见的操作 with语句 JSON 特点 语法规则 JSON合法示 ...
- JavaScript基础:数据类型的中的那些少见多怪
原文:JavaScript基础:数据类型的中的那些少见多怪 Javascript共有6种数据类型,其中包括3个基本数据类型(string,number,boolean).2个特殊数据类型(undefi ...
- JavaScript基础入门10
目录 JavaScript 基础入门10 正则表达式 为什么使用正则表达式? 正则表达式的应用场景 如何创建一个正则表达式 基础语法 具有特殊意义的转义字符 量词 字符类 贪婪模式 练习 邮箱验证 中 ...
随机推荐
- jsp页面通过ajax取值/展示数据及分页显示
jsp页面通过ajax从后台获取数据,在页面展示,并实现分页效果代码: [JavaScript部分代码] 1 <script> function getComposition(pageno ...
- 装Windows和Linux双系统
Windows 7 + Linux mint 装来玩玩呗,好歹算是IT男 我电脑本来就是Windows 7 然后用软碟通做个Linux的启动盘 注意“便捷启动”要选syslinux 然后从U盘启动会进 ...
- 根据ThinkPHP官方文档学习opensns框架
根据ThinkPHP官方文档学习opensns框架 1.解读Application下各个Controller文件夹下的作用 控制器类的命名方式是:控制器名(驼峰法,首字母大写)+Controller ...
- JDK安装的一些设置
一:设置环境变量 1.新建环境变量JAVA_HOME值为JDK安装目录 然后编辑Path环境变量添加".%JAVA_HOME%\bin;". Ps:JDK5.0不需要设置cla ...
- htop资源管理器
htop是linux资源管理器,安装后界面如下图: 当我们用安装yum -y htop时,会报错,这是因为需要安装扩展源 yum -y epel 扩展源 安装完扩展源之后,就可以安装了
- Vue中的作用域插槽
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- spring在注解标注的方法上加切面
之前以为只能在方法签名上加切面,今天发现注解上也能加切面 1.自定义一个注解(任意注解都可以,不一定是自定义的) @Target({ElementType.METHOD}) @Retention(Re ...
- Delphi CoCreateGuid()函数 获取GUID
Globally Unique Identifier(全球唯一标识符) 也称作 UUID(Universally Unique IDentifier) GUID/UUID是通过特定算法产生的一个二进制 ...
- 【NOI2019模拟2019.6.29】字符串(SA|SAM+主席树)
Description: 1<=n<=5e4 题解: 考虑\(f\)这个东西应该是怎样算的? 不妨建出SA,然后按height从大到小启发式合并,显然只有相邻的才可能成为最优答案.这样的只 ...
- java——String类,时间类,格式化
日期类 格式化