javascript流程控制语句集合


Posted in Javascript onSeptember 18, 2017

一、if语句

    if语句是最基本的条件判断语句。根据表达式条件来执行相应的处理。语法示例如下:

var a=5;      //声明变量a,并赋值为5.
  var b;       //声明变量b。
  if(a==b){      //判断,如果a=b,则执行下面内容
    alert("b=5");  //弹窗,b=5.
  }

    1.a==b是if语句中的条件。
    2.alert("a=c")是if语句中的结果。
    此段脚本的含义是:声明变量a、b,且赋值a=5;当a=b时,弹窗b=5。
    注:此脚本中大括号可以省略。

二、if ... else语句

    if...else语句是if语句的标准形式。在if的基础上加上else将使语句更加完整。
    此语句语法如下:

var a=5;
  var b;
  if(a==b){
    alert("b=5");
  }else {        //如果a!=b则执行下面内容
     alert("b!=5");

    此段脚本含义是:声明变量a、b,且赋值a=5;当a=b时,弹窗b=5,否则弹窗b!=5。

三、if...else if语句

    if...else if语句是if语句的灵活运用。
    此语句语法如下:

var a=5;
  var b;
  var c;
  var d;
  var e;
  if(a==b){
    alert("b=5")
  }else if(a==c){     
    alert("c=5")
  }else if(a==d){
    alert("d=5")
  }else if(a==e){
    alert("e=5")
  }else{
    alert("b!=5、c!=5、d!=5、e!=5")
  }

    语法含义:明变量a、b、c、d、e,且赋值a=5;当a=b时,弹窗b=5;当a=c时,弹窗c=5;当a=d时,弹窗d=5;当a=e时,弹窗e=5;否则弹窗b!=5、c!=5、d!=5、e!=5。

四、if语句的嵌套使用

    if语句可以嵌套到if语句当中,我们可以用{}来区分外部if与内部if。如若不用{}来确定层数关系,可能导致程序代码的输出与理想意义完全不同。

    语法示例如下:

<script type="text/javascript">    //脚本开始
var m=12;n=m;             //声明变量n、m的值都为12
if(m<1){                //外层if,判断当m<1时执行下面内容
  if(n==1)              //内层,当n等于1时输出下面内容
    alert("当m小于1时,n等于1");  //弹窗,当m小于1时,n等于1
  else                //当n不等于1时,执行下面内容
    alert("当m小于1时,n不等于1"); //弹窗,当m不小于1时,n不等于1
}else if(m>10){            //外层else if,判断外层m>10时执行下面内容
  if(n==1)              //内层,如果n等于1,执行下面内容
    alert("当m大于10时,n等于1");  //弹窗,当m大于10时,n等于1
  else                //n不等于1时,执行下面内容
    alert("当m大于10时,n不等于1"); //弹窗,当m大于10时,n不等于1
}  
</script>               //脚本结束

    到这里if语句的用法基本介绍完毕,以上的语法示例都是最基础简单的,下面给大家一个利用if语句判断是否输入用户名的例子。

html部分:

javascript流程控制语句集合

JavaScript

javascript流程控制语句集合

 结语:本篇主要讲了流程控制语句中if语句,包括if的多种用法以及示例。这些都些都是比较简单的基础应用。

在后续的文章中,会增加核心技术篇幅。希望大家多多支持。

三.switch语句

var box =1;
switch(box){
case 1:
alert('one');
break;
case 2:
alert('two');
break;
default:
alert('出错');

四.do……while语句

是一种先运行,后判断的循环语句,至少先运行一次循环体。

五.while语句

先判断,后运行,必须满足条件,方可运行

六.for语句

先判断,后运行,具有在执行循环之前初始化变量和定义循环后执行代码

七.for……in

var box ={
'name'='caibaojian',
'age'= 24
}

for (var x in box){
alert(x);
}

九.with语句

var box = {
'name' = 'caibaojian',
'age' = 24
}

with(box){ //with(box)可以将box给省略
var n= name;
var a = age;
}

这篇文章就介绍到这了,更多的资料请参考下面的相关文章。

Javascript 相关文章推荐
用JTrackBar实现的模拟苹果风格的滚动条
Aug 06 Javascript
jQuery ajax(复习)—Baidu ajax request分离版
Jan 24 Javascript
购物车选中得到价格实现示例
Jan 26 Javascript
JS实现横向拉伸动感伸缩菜单效果代码
Sep 04 Javascript
javascript实现base64 md5 sha1 密码加密
Sep 09 Javascript
基于jQuery实现的双11天猫拆红包抽奖效果
Dec 01 Javascript
浅谈JavaScript 标准对象
Jun 02 Javascript
js 截取或者替换字符串中的数字实现方法
Jun 13 Javascript
Bootstrap超大屏幕的实现代码
Mar 22 Javascript
create-react-app构建项目慢的解决方法
Mar 14 Javascript
jQuery实现的上传图片本地预览效果简单示例
Mar 29 jQuery
vue中v-for循环选中点击的元素并对该元素添加样式操作
Jul 17 Javascript
20170918 前端开发周报之JS前端开发必看
Sep 18 #Javascript
Angular中的$watch方法详解
Sep 18 #Javascript
jQuery实现的表格前端排序功能示例
Sep 18 #jQuery
node.js中使用Export和Import的方法
Sep 18 #Javascript
inner join 内联与left join 左联的实例代码
Sep 18 #Javascript
JavaScript实现的原生态Tab标签页功能【兼容IE6】
Sep 18 #Javascript
vue多种弹框的弹出形式的示例代码
Sep 18 #Javascript
You might like
PHP 身份验证方面的函数
2009/10/11 PHP
php实现网站留言板功能
2015/11/04 PHP
PHP中set_include_path()函数相关用法分析
2016/07/18 PHP
PHP实现的mysql操作类【MySQL与MySQLi方式】
2017/10/07 PHP
JQuery表单验证插件EasyValidator用法分析
2014/11/15 Javascript
JavaScript使用addEventListener添加事件监听用法实例
2015/06/01 Javascript
js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码
2015/09/02 Javascript
jquery ztree异步搜索(搜叶子)实践
2016/02/25 Javascript
Angular工具方法学习
2016/12/26 Javascript
angular.js + require.js构建模块化单页面应用的方法步骤
2017/07/19 Javascript
详解AngularJS跨页面传值(ui-router)
2017/08/23 Javascript
Node.js log4js日志管理详解
2018/07/31 Javascript
小程序获取周围IBeacon设备的方法
2018/10/31 Javascript
微信小程序webview实现长按点击识别二维码功能示例
2019/01/24 Javascript
使用taro开发微信小程序遇到的坑总结
2019/04/08 Javascript
jQuery实现判断滚动条滚动到document底部的方法分析
2019/08/27 jQuery
Vue的属性、方法、生命周期实例代码详解
2019/09/17 Javascript
express中static中间件的具体使用方法
2019/10/17 Javascript
JavaScript, select标签元素左右移动功能实现
2020/05/14 Javascript
vant-ui组件调用Dialog弹窗异步关闭操作
2020/11/04 Javascript
Python全局变量用法实例分析
2016/07/19 Python
Python复数属性和方法运算操作示例
2017/07/21 Python
Python使用matplotlib实现绘制自定义图形功能示例
2018/01/18 Python
对numpy中array和asarray的区别详解
2018/04/17 Python
在Python中过滤Windows文件名中的非法字符方法
2019/06/10 Python
详解Python并发编程之创建多线程的几种方法
2019/08/23 Python
Python实现直播推流效果
2019/11/26 Python
Python对wav文件的重采样实例
2020/02/25 Python
python检查目录文件权限并修改目录文件权限的操作
2020/03/11 Python
CentOS 7如何实现定时执行python脚本
2020/06/24 Python
Python高并发和多线程有什么关系
2020/11/14 Python
canvas简单连线动画的实现代码
2020/02/04 HTML / CSS
重新定义牛仔布,100美元以下:Warp + Weft
2018/07/25 全球购物
创伤外科专业推荐信范文
2013/11/19 职场文书
展会邀请函范文
2014/01/26 职场文书
JS不要再到处使用绝对等于运算符了
2021/04/30 Javascript