JavaScript 常用控制流程代码范例
if-else 的用法
var a = 33
if (a == 1){
console.log ('a等于1')
} else if (a==2) {
console.log ('a等于2')
} else {
console.log ('其他')
}
![](https://upload-images.jianshu.io/upload_images/12904618-975e354f2eaf0abf.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/250)
switch-case 的用法
- switch使用常量时
var a=1
switch(a){
case 1:
console.log('a等于1')
break; case 2:
console.log('a等于2')
break; case 3:
console.log('a等于3')
break; default:
console.log('其他')
}
![](https://upload-images.jianshu.io/upload_images/12904618-3ee5f263a60b0235.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/284)
- switch使用表达式而非常量时
var a=33
switch(true){
case a>90:
console.log('大于90')
break; case a>80:
console.log('大于80')
break; case a>70:
console.log('大于70')
break; default:
console.log('其他')
}
![](https://upload-images.jianshu.io/upload_images/12904618-1a4494e0bbec67d5.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/279)
while 的用法
var i = 10;
while(i>0) {
console.log(i)
i--
}
![](https://upload-images.jianshu.io/upload_images/12904618-92cf6f2c759cbda6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/283)
do-while 的用法
var i = 4
do {
console.log(i)
i--;
} while(i > 5);
![](https://upload-images.jianshu.io/upload_images/12904618-e5915c20f4a25d2e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/220)
for 遍历数组的用法 (通过for遍历获得数组值的平方)
var arr=[3,4,5]
for (i = 0 ; i < arr.length ; i++ ) {
console.log(arr[i]*arr[i])
}
![](https://upload-images.jianshu.io/upload_images/12904618-295be4f0c9682f06.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/336)
for-in 遍历对象的用法
var object = {'a':1 , 'b':2 , 'c':3}
for (var i in object) {
console.log(i + ":" + object[i])
}
![](https://upload-images.jianshu.io/upload_images/12904618-508bca8d54df8a20.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/410)
break 和 continue 的用法
var i
for ( i = 1; i<10 ;i++ ) {
if(i%4 === 0){
break;
}
console.log(i)
}
var i
for ( i = 1; i<10 ;i++ ) {
if(i%4 === 0){
continue;
}
console.log(i)
}
![](https://upload-images.jianshu.io/upload_images/12904618-aa71226e97693cab.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/272)
![](https://upload-images.jianshu.io/upload_images/12904618-71fb0d81edef201c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/282)
JavaScript 常用控制流程代码范例的更多相关文章
- JavaScript常用API合集汇总(一)
今天这篇文章跟大家分享一些JavaScript常用的API代码,有DOM操作.CSS操作.对象(Object对象.Array对象.Number对象.String对象.Math对象.JSON对象和Con ...
- JavaScript(三)---- 控制流程语句
常用的控制流程语句有判断语句.分支语句.循环语句.基本用法都和java中的一致,switch有几点特殊. 1.判断语句 格式: if(判断条件){ 符合条件执行的代 ...
- JavaScript学习笔记——流程控制
javascript流程控制流程:就是程序代码的执行顺序.流程控制:通过规定的语句让程序代码有条件的按照一定的方式执行. 一.顺序结构 按照书写顺序来执行,是程序中最基本的流程结构. 二.选择结构(分 ...
- java基础59 JavaScript运算符与控制流程语句(网页知识)
1.JavaScript运算符 1.1.加减乘除法 加法:+(加法,连接符,正数) true是1,false是0 减法:- 乘法:* 除法:/ 1.2.比较运算符 ...
- javascript控制流程语句
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- JavaScript运算符与流程控制
JavaScript运算符与流程控制 运算符 赋值运算符 使用=进行变量或常量的赋值. <script> let username = "YunYa"; < ...
- javascript常用代码大全
http://caibaojian.com/288.html 原文链接 jquery选中radio //如果之前有选中的,则把选中radio取消掉 $("#tj_cat .pro_ca ...
- NSDate常用代码范例
NSDate常用代码范例 NSDate类用于保存时间值,同时提供了一些方法来处理一些基于秒级别时差(Time Interval)运算和日期之间的早晚比较等. 1. 创建或初始化可用以下方法 用于创建N ...
- Javascript常用的设计模式详解
Javascript常用的设计模式详解 阅读目录 一:理解工厂模式 二:理解单体模式 三:理解模块模式 四:理解代理模式 五:理解职责链模式 六:命令模式的理解: 七:模板方法模式 八:理解javas ...
随机推荐
- iOS:SQL
iOS虽然也有SQL,不过用得少(至少我目前是这样).大数据直接丢给后台,小的用Plist足矣. 再退一步,有FMDB,原生的也用得少了. 下面是之前学SQL时候的笔记. 1.创建 1-1).打开: ...
- JavaScript小练习3-用循环使三个DIV变色
题目 初始为黑色,点击后为红色,再次点击为黑色,以后每次点击一次变色. 分析 简单的onclick使用. button的居中可以在外套一个p元素,body中让p居中即可. 三个DIV块的居中,使用ma ...
- Android中的AutoCompleteTextView(随笔提示文本)组件的简单使用
Android中的随笔提示文本组件AutoCompleteTextView的使用,此组件用于输入文本,然后就会在所配置的适配器中的数据进行查找显示在组件下面. 这里值得注意的是AutoComplete ...
- mqtt使用一
最近做的一个项目用到了mqtt协议,我需要从第三方订阅主题接受消息,还需要自己搭建,mqtt服务器去发布主题.下面就详细介绍一下环境的搭建和使用. 1.mqtt介绍 MQTT是一个基于客户端-服务器的 ...
- [转]MySQL日期与时间戳常用函数
本文原文地址:https://www.cnblogs.com/jhy-ocean/p/5560857.html 平时比较常用的时间.字符串.时间戳之间的互相转换,虽然常用但是几乎每次使用时候都喜欢去搜 ...
- Scala基本语法总结(一)
Scala基本语法总结 时隔快一年了,又捡起scala,不是想学的有多么的精通,只是想把之前遇到的知识点和实践中遇到的重点进行归纳总结,对以后的面试或许有点帮助吧! 一.scala开发环境的配置 我这 ...
- rails 启动测试环境出现 "Rack::Cors" => Rack::Cors,解决方法
找到项目中"Rack::Cors"改为 Rack::Cors
- #if、#if defined 的使用
#if的使用 if 后面接的是表达式 #if a==1 code -- #endif 如果#if后面的表达式能成立,就会把#if和#endif之间的代码编译进去 #if defined的使用 #if ...
- 博科Brocade 300光纤交换机配置zone教程
光纤交换机作为SAN网络的重要组成部分,在日常应用中非常普遍,本次将以常用的博科交换机介绍基本的配置方法. 博科300实物图: 环境描述: 如上图,四台服务器通过各自的双HBA卡连接至两台博科300光 ...
- Java设计模式(10)——结构型模式之代理模式(Proxy)
一.概述 概念 UML简图 实际使用的场景示例 如果那个对象是一个是很大的图片,需要花费很长时间才能显示出来,那么当这个图片包含在文档中时,使用编辑器或浏览器打开这个文档,打开文档必须很迅速,不能等待 ...