js中的流程图和循环语句

本文详细介绍了JavaScript中的流程控制,包括顺序结构、分支结构(if...else, 三目运算符, Switch语句)和循环结构(for, while, do...while)。通过实例解析了如何根据条件执行不同代码,并展示了如何使用循环来重复执行特定任务。" 114196102,10546302,Java JSON映射:Jackson与Gson的字段映射技巧,"['java', 'jsonproperty', 'json', '反序列化']
摘要由CSDN通过智能技术生成

控制流程图    顺序结构  分支结构  循环结构
分支结构:
根据不同的条件,执行不同的代码,得到不同的结果.


if(条件){
  条件成立执行代码
}else{
  条件不成立执行代码
}
  if...else...if嵌套语句


  三目运算
  语法 条件表达式? 表达式1:表达式2
  若表达式为假 返回表达式2 为真返回表达式1 
    var num=prompt("输入一个数字");
    var add=num>8?"大于":"小于"
    alert(add)
  多种选择 Switch  必须赋初试值 值与每一个case匹配 满足条件执行相应的代码
  并用break 去终止本次循环并且运行下一个
   Switch(表达式){
     case 值1: 执行代码
     break
      case 值2: 执行代码
     break
      case 值3: 执行代码
     break
      case 值4: 执行代码
     break
     ........
     default:都不匹配执行的代码
   }
   var week=prompt("请输入周几");
     week=parseInt(week)
    switch(week){
    case 1:document.writeln("周一")
    break;
    case 2:document.writeln("周er")
    break;
    case 3:document.writeln("周san ")
    break;
    case 4:document.writeln("周si")
    break;
default:document.writeln("放假啦")
}

循环结构
  可重复执行某段代码
  for语句:
  for(初始化变量;循环条件;循环迭代){
       循环体
  }
   初始化变量:用var声明的一个普通变量 
   循环条件:终止条件
   循环迭代:每次循环最后执行的代码 常用于给计数器更新(递增或者递减)
   
   while循环
     循环语句
     while(判断条件){
       循环体
       循环迭代
     }
   do..... while 
    结构与while基本一致 do while保证循环体至少被执行一次
    do{
      循环体
    }
    while(判断的条件)       

    继续循环 continue
      跳过本次循环 整体继续执行
      语法:
      for(初始变量;循环条件;循环迭代){
        if(){
          continue
        }
        循环体

 跨浏览器,可兼容IE7--IE10, FireFox, Chrome, Opera等几大内核的浏览器,且不需要浏览器再加装任何控件。  多系统兼容性、可移植性:由于只包括前台UI,因此二次开发者可很方便将本插件用在任何一种需要流程图的B/S系统应用上,流程图的详细实现逻辑完全交于后台程序开发者自己实现;对于后台,只要能返回/接收能被本插件解析的JSON格式数据即可.所以本插件可用于不同的服务器语言建立的后台上.  跨领域:流程图设计器不止用在电信领域,在其它需要IT进行技术支持的领域都有重大作用.  以下从纯技术实现层面具体描述:  页面顶部栏、左边侧边栏均可自定义;  当左边的侧边栏设为不显示时,为只读状态,此时的视图区可当作是一个查看器而非编辑器。  侧边工具栏除了基本和一些流程节点按钮外,还自定义新的节点按钮,自定义节点都可以有自有的图标、类型名称,定义后在使用可可在工作区内增加这些自定义节点。  顶部栏可显示流程图数据组的标题,也可提供一些常用操作按钮。  顶部栏的按钮,除了撤销、重做按钮外,其余按钮均可自定义点击事件。  可画直线、折线;折线还可以左右/上下移动其段。  具有区域划分功能,能让用户更直观地了解哪些节点及其相互间的转换,是属于何种自定义区域内的。  具有标注功能,用橙红色标注某个结点或者转换线,一般用在展示流程进度时。  能直接双击结点、连线、分组区域的文字进行编辑  在对结点、连线、分组区域的各种编辑操作,如新增/删除/修改名称/重设样式或大小/移动/标注时,均可捕捉到事件,并触发自定义事件,如果自定义事件执行的方法返回FALSE,则会阻止操作。  具有操作事务序列控制功能,在工作区内的各种有效操作都能记录到一个栈,然后可以进行撤销(undo())或重做(redo()),像典型的C/S软件一样。  0.4版,加入了只导出在初始载入后被编辑的流程图,只作了增删改等变更的元素,这样可用于用户快速存储,只保存本次变更过的内容,不用重新保存整个流程。  0.5版,结点的样式不再受到原有程序的限制,所有样式均默认为淡蓝色长方形;如果要指定为圆形,可在初始化时定义结点类型为”原有类型”+” round”;如果要指定为复合结点,则可在初始化时定义结点类型为”原有类型”+” mix”。”原有类型”+” myType”:myType可为自己写的一种特殊样式类.  0.6版,修正了一些BUG,改善了用户操作体验,并增加在可编辑状态下时,能用键盘上DELETE按键对元素进行删除功能。  0.7版,修正了一些BUG,增加了连线变更要连的起始结点或结束结点的功能。  0.8版,取消原来的拟物化页面,变成如今的扁平化页面,并且支持主要位置的颜色自定义功能(如果想沿用原来老版本的拟物化页面,只需保留原来的GooFlow.css文件即可);修正0.7版的画线BUG。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值