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 正则表达式 为什么使用正则表达式? 正则表达式的应用场景 如何创建一个正则表达式 基础语法 具有特殊意义的转义字符 量词 字符类 贪婪模式 练习 邮箱验证 中 ...
随机推荐
-
jquery的bind跟on绑定事件的区别
jquery的bind跟on绑定事件的区别:主要是事件冒泡: jquery文档中bind和on函数绑定事件的用法: .bind(events [,eventData], handler) .on(ev ...
-
20161020001 DataGridView 选中的 DataGridViewCheckBoxCell 不添加重复项
private void btn_add_Click(object sender, EventArgs e) { string str_P_ID = "& ...
-
通过工厂方式配置bean
src\dayday\CarFactoryBean.java package dayday;import org.springframework.beans.factory.FactoryBean;/ ...
-
116、Android获取Manifest中<;meta-data>;元素的值
在AndroidManifest.xml中,<meta-data>元素可以作为子元素, 被包含在<activity>.<application> .<serv ...
-
OpenGL Shader源码分享
Opengl shader程序,旗帜混合纹理加载,通过N张图片,能够组合出数百个:http://www.eyesourcecode.com/thread-39015-1-1.html 用GLSL做了一 ...
-
maven创建web项目
上一次自己使用Maven还是在大三在学校做项目时.现在公司有个新项目,想重新使用一下maven,顺便记下一些步骤 1.安装maven 1.1 访问(http://maven.apache.org/), ...
-
Python中字符串切片操作
一:取字符串中第几个字符 print "Hello"[0] 表示输出字符串中第一个字符print "Hello"[-1] 表示输出字符串中最后一个字符 二: ...
-
GCDAsyncUdpSocket的使用
tips: 要注意服务器端口与客户端端口的区别,如果客户端绑定的是服务器的端口,那么服务器发送的消息就会一直发送给服务器.
-
论文阅读笔记五十四:Gradient Harmonized Single-stage Detector(CVPR2019)
论文原址:https://arxiv.org/pdf/1811.05181.pdf github:https://github.com/libuyu/GHM_Detection 摘要 尽管单阶段的检测 ...
-
upstream模块介绍
upstream模块介绍 Nginx的负载均衡功能依赖于ngx_http_upsteam_module模块,所支持的代理方式包括proxy_pass.fastcgi_pass.memcached_pa ...