快捷搜索:

流程控制语句,整理Javascript流程控制语句学习笔记

2019-11-19 20:16栏目:计算机网络
TAG:

1、做判断(if语句)
if语句是依照条件建构才实践相应代码时利用的语句。
语法:

 

翻阅目录(原创-萌小Q卡塔 尔(阿拉伯语:قطر‎

 if(条件){
   条件成立时执行代码
 }

1、if语句--做判断

  • 一、认识JS
  • 二、什么是变量
  • 三、表达式
  • 四、操作符
  • 五、数组
  • 六、二维数组
  • 七、流程序调整制语句

事例:借使你应聘web前端本领开荒岗位,假如您会HTML本领,你面试成功,迎接参加同盟社。

  if语句是依靠条件营造才推行相应代码时使用的说话。
  语法:
    if(条件)
    { 条件建立时施行代码}
  注意:if小写,大写字母(IF卡塔尔国会出错!
  倘诺你应聘web前端技巧开辟岗位,假若你会HTML本事,你面试成功,接待到场同盟社。代码表示如下:
    <script type="text/javascript">
      var mycarrer = "HTML";
      if (mycarrer == "HTML")
      {
        document.write("你面试成功,接待加入集团。");
      }
    </script>

 

<script type="text/javascript">
   var mycarrer = "HTML";
   if (mycarrer == "HTML"){
     document.write("你面试成功,欢迎加入公司。");
   }
 </script>

2、if...else语句--二选一

一、认识JS

您驾驭啊,Web前端开拓师须要调控如何技巧?大概你曾经明白HTML标志(也称为协会),知道了CSS样式(也可以称作表示),会使用HTML+CSS创设二个神奇的页面,但这还非常不够,它只是静态页面而已。大家还需使用JavaScript扩张行为,为网页增加动态效果。打算好,让JavaScript带你步向新境界吧!

JavaScript能做哪些?

1.增进页面动态效果(如:下拉菜单、图片轮播、新闻滚动等)

2.完毕页面与客商之间的实时、动态人机联作(如:客户注册、登录验证等)

JS升级篇学习怎么样?

JavaScript入门篇中,大家学习了怎么样插入JS、输出内容及简便的DOM操作,JavaScript进阶篇让你越来越刺探JS的变量、数组、函数、语法、对象、事件、DOM操作,制作简便的网页动态效果。

注意:

1. JS是区分大小写的,如:classname和ClassName是不一样的。同时注意方法、属性、变量等的大小写吆。

2. JS中的字符、符号等一定要在英文状态下输入吆。

 

2、二选一(if...else语句)

  if...else语句是在内定的口径建登时实行代码,在原则不树立刻执行else后的代码。
  语法:
    if(条件)
    { 条件建即刻实行的代码}
    else
    {条件不树马上执行的代码}
  假如你应聘web前端才能开采岗位,要是您会HTML才能,你面试成功,款待参与集团,不然你面试不成事,不可能投入合营社。
  代码表示如下:
    <script type="text/javascript">
      var mycarrer = "HTML"; //mycarrer变量存款和储蓄技巧
      if (mycarrer == "HTML")
        { document.write("你面试成功,款待参与同盟社。");  }
      else  //否则,本事不是HTML
        { document.write("你面试不成功,无法投入同盟社。");}
    </script>

二、什么是变量

什么是变量? 从字面上看,变量是可变的量;从编程角度讲,变量是用于存款和储蓄某种/有个别数值的存款和储蓄器。大家能够把变量看做三个盒子,盒子用来寄存在货色,货色能够是服装、玩具、水果...等。

图片 1

if...else语句是在钦点的条件建顿时进行代码,在基准不树即刻实施else后的代码。
语法:

3、if..else嵌套语句--多重剖断

1. 给变量取个名字(变量命名)

我们为了差距盒子,能够用BOX1,BOX2等称号代表不相同盒子,BOX1便是盒子的名字(也正是变量的名字卡塔尔国。

图片 2

我们急迅给变量取个好名字吧!变量名字能够任性取,只可是取名字要依据一些规行矩步:

1.必须要以字母、下划线或法郎符号起先,前边能够跟字母、下划线、英镑符号和数字。如下:

正确:           
    mysum            
    _mychar         
    $numa1          

错误:
  6num  //开头不能用数字
  %sum //开头不能用除(_ $)外特殊符号,如(%  + /等)
  sum+num //开头中间不能使用除(_ $)外特殊符号,如(%  + /等)

2.变量名分别朗朗上口写,如:A与a是多个例外变量。

3.不一样意行使JavaScript关键字和保留字做变量名。

图片 3

 if(条件){
   条件成立时执行的代码
 }else{
   条件不成立时执行的代码
 }

  要在多组语句中精选大器晚成组来施行,使用if..else嵌套语句。

2. 变量表明

大家要使用盒子装东西,是还是不是先要找到盒子,那在编制程序中,这么些进程叫注脚变量,找盒子的动作,如何表示:

声明变量语法: var 变量名;    

var就一定于找盒子的动作,在JavaScript中是非同一般字(即保留字卡塔 尔(阿拉伯语:قطر‎,这几个首要字的据守是宣称变量,并为"变量"筹算地点(即内部存储器卡塔 尔(英语:State of Qatar)。

var mynum ; //声明一个变量mynum

本来,大家可以叁回找二个盒子,也能够一遍找七个盒子,所以Var还是能够三回评释八个变量,变量之间用","逗号隔绝。

var num1,mun2 ; //声明一个变量num1

瞩目:变量也能够不表明,直接行使,但为了标准,供给先阐明,后采纳。

事例:如果你应聘web前端技巧开垦岗位,假如你会HTML本事,你面试成功,迎接参预集团,不然你面试不成功,不可能步向公司。  

  语法:

3. 变量赋值

咱俩得以把变量看做三个盒子,盒子用来贮存物品,那什么在变量中存放内容吧?

我们运用"="号给变量存款和储蓄内容,看下边的语句:

var mynum = 5 ; //声明变量mynum并赋值。

其生机勃勃讲话怎么读吧? 给变量mynum赋值,值为5。大家也足以如此写:

var mynum; //声明变量mynum
mynum = 5 ; //给变量mynum赋值

注:这里 "="号的成效是给变量赋值,不是等于号。

盒子能够装衣泰山压顶不弯腰、玩具、水果...等。其实,变量是万能的容器,你能够把其余事物存款和储蓄在变量里,如数值、字符串、布尔值等,比如:

var num1 = 123;       // 123是数值
var num2 = "一二三";    //"一二三"是字符串
var num3=true;    //布尔值true(真),false(假)

中间,num1变量存款和储蓄的剧情是数值;num2变量存款和储蓄的源委是字符串,字符串供给用意气风发对引号""括起来,num3变量存款和储蓄的内容是布尔值(true、false)。

 

<script type="text/javascript">
   var mycarrer = "HTML"; //mycarrer变量存储技能
   if (mycarrer == "HTML"){
     document.write("你面试成功,欢迎加入公司。"); 
   }else{
     //否则,技能不是HTML
     document.write("你面试不成功,不能加入公司。");
   }
 </script>
  if(条件1)
  { 条件1成立时执行的代码}
  else  if(条件2)
  { 条件2成立时执行的代码}
  ...
  else  if(条件n)
  { 条件n成立时执行的代码}
  else
  { 条件1、2至n不成立时执行的代码}

三、表达式

表明式与数学中的定义相通,表明式是指具备一定的值、用操作符把常数和变量连接起来的代数式。三个表明式能够包含常数或变量。

我们先看看上面包车型大巴JavaScript语句:

图片 4

生活中“拜拜”表明方法比超多,如:阿拉伯语(goodbye卡塔尔、互联网语(88卡塔 尔(阿拉伯语:قطر‎、肢体语(挥挥手卡塔尔国等。在JavaScript表明式无处不在,所以必然要通晓可以表明什么内容,看看上边二种意况:

图片 5

注意:串表明式中mychar是变量

图片 6

留意:数值表明式中num是变量

图片 7

瞩目:布尔表明式中num是变量

 3、多种判定(if...else嵌套语句卡塔尔 要在多组语句中筛选后生可畏组来实行,使用if..else嵌套语句。
语法:

  假使数学考试,小明考了86分,给她做个评价,60分以下的不比格,60(饱含60分)-75分为优异,75(包罗75分)-85分成很好,85(满含75分)-100优良。

四、操作符

 if(条件1)
 { 条件1成立时执行的代码}
 else if(条件2)
 { 条件2成立时执行的代码}
 ...
 else if(条件n)
 { 条件n成立时执行的代码}
 else
 { 条件1、2至n不成立时执行的代码}

  代码表示如下:

1. +号操作符

操作符是用于在JavaScript中钦定一定动作的号子。

(1)操作符

看上边这段JavaScript代码。

sum = numa + numb;

其中的"=""+"都以操作符。

JavaScript中还大概有许多这么的操作符,举例,算术操作符(+、-、*、/等),相比操作符(<、>、>=、<=等),逻辑操作符(&&、||、!)。

留意: “=” 操作符是赋值,不是相等。

(2) "+"操作符

算术运算符主要用来形成临近加减乘除的行事,在JavaScript中,“+”不只代表加法,还足以接踵而来两个字符串,比如:

mystring = "Java" + "Script"; // mystring的值“JavaScript”这个字符串

例:联合国世卫组织对年纪的细分规范, 四十五岁以下为青少年;45虚岁至59·岁为中年人。五十一虚岁至玖八虚岁为老人;86岁以上为长寿老人。赵红今年99周岁了,她归于哪个年龄阶段的。  

  图片 8

 2. 自加一,自减一 ( ++和- -)

算术操作符除了(+、-、*、/)外,还应该有三个要命常用的操作符,自加风流罗曼蒂克“++”;自减一“--”。首先来看三个例子:

mynum = 10;
mynum++; //mynum的值变为11
mynum--; //mynum的值又变回10

地点的例子中,mynum++使mynum值在原底蕴上平添1,mynum--使mynum在原底蕴上减去1,其实也能够写成:

mynum = mynum + 1;//等同于mynum++
mynum = mynum - 1;//等同于mynum--
<script type="text/JavaScript">
   var myage =99;//赵红的年龄为99
   if(myage<=44){
     document.write("青年");
   }else if(myage<=59) {
     document.write("中年人");
   }else if (myage<=89){
     document.write("老年人");
   }else {
     document.write("长寿老年人");
   }
 </script>

4、Switch语句--三种接纳

 3. 相比操作符

我们先来做道数学题,数学考试成绩中,小明考了90分,小红考了95分,问谁考的分数高?
答: 因为“95 > 90”,所以小红考试成绩高。

其间超越号">" 就是相比操作符,小红考试战绩和小明考试战表正是操作数,何况是多个操作数。

也正是说三个操作数通过相比操作符举办相比,获得值为真(true卡塔 尔(阿拉伯语:قطر‎和假(false)。

在JavaScript中,那样的相比操作符有无数,那几个操作符的意义如下: 

图片 9

拜候上边例子:

var a = 5;//定义a变量,赋值为5
var b = 9; //定义b变量,赋值为9
document.write (a<b); //a小于b的值吗? 结果是真(true)
document.write (a>=b); //a大于或等于b的值吗? 结果是假(false)
document.write (a!=b); //a不等于b的值吗? 结果是真(true)
document.write (a==b); //a等于b的值吗? 结果是假(false)

 4、种种增选(Switch语句)
当有很各样筛选的时候,switch比if else使用更便于。

  当有很八种采摘的时候,switch比if else使用更有利。

4. 逻辑与操作符

数学里面包车型客车“a>b”,在JavaScript中还表示为a>b;数学中的“b大于a,b小于c”是“a<b<c”,那么在JavaScript中得以用&&表示,如下:

b>a && b<c    //“&&”是并且的意思, 读法"b大于a"并且" b小于c "

好比大家参预高等高校统一招考时,在步入考试的场面前,必得出示准考证和居民身份证,两个必不可少,不然不可能参加考试,表示如下:

if(有准考证 &&有身份证) 
{
   进行考场考试
}

 “&&”是逻辑与操作符,独有“&&”两侧值同临时间满意(同期为真),整个表明式值才为真。

逻辑与操作符值表:

图片 10

注意: 意气风发旦A为假,A && B为假,不会在实施B; 反之,假使A为真,要由 B 的值来决定 A && B 的值。

 switch(表达式)
 {
 case值1:
 执行代码块 1
 break;
 case值2:
 执行代码块 2
 break;
 ...
 case值n:
 执行代码块 n
 break;
 default:
 与 case值1 、 case值2...case值n 不同时执行的代码
 }

  语法:

5.逻辑或操作符

"||"逻辑或操作符,也就是生存中的“恐怕”,当五个尺码中有任三个规范化满意,“逻辑或”的演算结果就为“真”。

比如:本周我们布置出行,可是星期二至星期二干活,所以周天或许星期六几时去都能够。即两午月只要有一天有空,就能够畅游了。

var a=3;
var b=5;
var c;
c=b>a ||a>b;  //b>a是true,a>b是false,c是true

逻辑或操作符值表:

图片 11

注意: 假诺A为真,A || B为真,不会在实施B; 反之,固然A为假,要由 B 的值来支配 A || B 的值。

语法表明:
Switch必需赋初叶值,值与各类case值相配。知足实行该 case 后的有所语句,并用break语句来堵住运行下三个case。如享有case值都不匹配,推行default后的说话。
事例:大家来做个周安排,周风姿罗曼蒂克、二上学观点知识,周一、四到企业实施,星期二总计经历,周日、日安息和玩耍。

  switch(表达式)
  {
  case值1:
    执行代码块 1
    break;
  case值2:
    执行代码块 2
    break;
  ...
  case值n:
    执行代码块 n
    break;
  default:
    与 case值1 、 case值2...case值n 不同时执行的代码
  }

6. 逻辑非操作符

"!"是逻辑非操作符,也等于"不是"的情致,非真即假,非假即真。好比小华后天买了贰个木杯,小明说:"陶瓷杯是钴蓝的",小亮说:“保健杯是甲午革命的”,小华说:"小明说的不是真话,小亮说的不是假话"。猜猜小华买的什么颜色的三足杯,答案:米红单耳杯。

逻辑非操作符值表:

图片 12

看上面代码,变量c的值是什么样:

var a=3;
var b=5;
var c;
c=!(b>a);  // b>a值是true,! (b>a)值是false
c=!(b<a);  // b<a值是false, ! (b<a)值是true
 <script type="text/JavaScript">
   var myweek =3;//myweek表示星期几变量
   switch(myweek){
     case 1:
     case 2:
     document.write("学习理念知识");
     break;
     case 3:
     case 4:
     document.write("到企业实践");
     break;
     case 5:
     document.write("总结经验");
     break;
     default:
     document.write("周六、日休息和娱乐");
   }
 </script>

  语法表明:

7. 操作符优先级

大家都清楚,除法、乘法等操作符的先行级比加法和减法高,比方:

var numa=3;
var numb=6
jq= numa + 30 / 2 - numb * 3;  // 结果为0

假若我们要退换运算顺序,需增添括号的艺术来改换优先级:

var numa=3;
var numb=6
jq= ((numa + 30) / (2 - numb)) * 3; //结果是-24.75

操作符之间的优先级(高到低卡塔尔国:

算术操作符 → 比较操作符 → 逻辑操作符 → "="赋值符号

譬如同级的运算是按从左到右次序实行,多层括号由里向外。

var numa=3;
var numb=6;
jq= numa + 30 >10 && numb * 3<2;  //结果为false

5、重复重复(for循环卡塔尔国
广大政工不只是做贰次,要重复做。如打字与印刷10份试卷,每一回打字与印刷风华正茂份,重复那么些动作,直到打字与印刷完毕。这么些事情,大家采取循环语句来达成,循环语句,就是重新实行业作风度翩翩段代码。
for语句结构:

  Switch必须赋初始值,值与每个case值匹配。满足执行该 case 后的所有语句,并用break语句来阻止运行下一个case。如所有case值都不匹配,执行default后的语句。

五、数组

 大家驾驭变量用来囤积数据,一个变量只好存款和储蓄一个内容。纵然你想囤积十二人的全名或然存款和储蓄21个人的数学成就,就须要13个或19个变量来存款和储蓄,倘若急需仓储越多多少,那就能够变的更麻烦。大家用数组消弭难点,一个数组变量能够寄放多少个数据。好比二个团,团里有不菲人,如下大家选择数组存储5个学子战绩。

图片 13

数组是贰个值的成团,每一种值都有贰个索引号,从0在此以前,各类索引皆有三个其应若响的值,依照需求丰富更超级多值。

示范代码:

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>什么是数组</title>
 6 <script type="text/javascript">
 7  var myarr=new Array(); //定义数组
 8  myarr[0]=80; 
 9  myarr[1]=60;
10  myarr[2]=99;
11  document.write("第一个人的成绩是:"+myarr[0]);
12  document.write("第二个人的成绩是:"+myarr[1]);
13  document.write("第三个人的成绩是:"+myarr[2]);
14 </script>
15 </head>
16 <body>
17  </html>
 for(初始化变量;循环条件;循环迭代)
 { 
   循环语句 
 }

  假设评价学子的考试成绩,10分满分制,我们根据每一分三个等级将成绩分等,并基于战绩的阶段做出区别的褒贬。

1. 怎么创制数组

选用数组在此之前率先要开创,並且亟需把数组本身赋至二个变量。好比我们国旅,要组团,并给团定个名字“甘肃之旅”。

创办数组语法:

var myarray=new Array();

图片 14

 大家创立数组的还要,还足以为数组钦命长度,长度可大肆钦定。

var myarray= new Array(8); //创建数组,存储8个数据。 

注意:
1.开立的新数组是空数组,未有值,如输出,则彰显undefined。
2.虽说创设数组时,钦赐了尺寸,但其实数组都是变长的,约等于说尽管钦点了长短为8,如故能够将元素存款和储蓄在规定长度以外。

代码示例:

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>创建数组</title>
 6 <script type="text/JavaScript">
 7 var myarr=new Array();
 8  document.write("数组的第一个值:"+myarr[0]);
 9 </script>
10 </head>
11 <body>
12 </body>
13 </html>

结果:

数组的第三个值:undefined

事例:借使,二个盒子里有6个球,大家每回取三个,重复从盒中抽出球,直到球取完停止。

  代码如下:

2. 数组赋值

数组创设好,接下去大家为数组赋值。大家把数组看似旅游团的大巴车,地铁车的里面有看不称职位,每一种地点都有二个编号,客商要坐在哪个岗位吗? 

第一步:组个大巴车
第二步:按票对号入座
        大巴车的1号座位是张三
        大巴车的2号座位是李四

数组的表明方式:

第一步:创建数组var myarr=new Array(); 
第二步:给数组赋值
        myarr[1]=" 张三";
        myarr[2]=" 李四";

上边创造三个数组,用于存款和储蓄5个人的数学成就。

var myarray=new Array(); //创建一个新的空数组
myarray[0]=66; //存储第1个人的成绩
myarray[1]=80; //存储第2个人的成绩
myarray[2]=90; //存储第3个人的成绩
myarray[3]=77; //存储第4个人的成绩
myarray[4]=59; //存储第5个人的成绩

注意:数组各个值有几个索引号,从0开首。

我们还足以用简易的方式成立上面的数组和赋值:

首先种方法:

var myarray = new Array(66,80,90,77,59);//创建数组同时赋值

第两种艺术:

 var myarray = [66,80,90,77,59];//直接输入一个数组(称 “字面量数组”)

注意:数组存款和储蓄的数据足以是其它项目(数字、字符、布尔值等卡塔 尔(英语:State of Qatar)

 <script type="text/javascript">
   var num=1;
   for (num=1;num<=6;num++){ //初始化值;循环条件;循环后条件值更新
     document.write("取出第"+num+"个球<br />");
   }
 </script>

  图片 15

 3. 向数组增多三个新因素

上风流倜傥节中,大家应用myarray变量存款和储蓄了5个人的成就,今后多出一人的大成,怎样存款和储蓄吗? 

图片 16

只需使用下三个未用的目录,任何时刻能够不停向数组扩张新成分。

myarray[5]=88; //使用一个新索引,为数组增加一个新元素

大家有1,2,3...10不一面值的钱,使用for语句完毕协商,看看大家一齐有多少钱?

  实行结果:

4. 用到数组成分

小编们精通数组中的每种值有二个索引号,从0起首,如下图, myarray变量存款和储蓄6个人的实际业绩:

图片 17

要博取三个数组成分的值,只需引用数组变量并提供一个目录,如:
第风流倜傥私家的战绩代表方法:myarray[0]
其几人的大成代表方法: myarray[2]

 <script type="text/JavaScript">
   var mymoney,sum=0;//mymoney变量存放不同面值,sum总计
   for(mymoney=1;mymoney<=10;mymoney++){ 
     sum= sum + mymoney;
   }
   document.write("sum合计:"+sum);
 </script>
  评语: 及格,加油!

5. 数组属性length

假如我们想清楚数组的轻重,只需引用数组的两特性质length。Length属性表示数组的长短,即数组申月素的个数。

语法:

myarray.length; //获得数组myarray的长度

注意:因为数组的目录总是由0最先,所以二个数组的上下限分别是:0和length-1。如数组的长度是5,数组的上下限分别是0和4。

var arr=[55,32,5,90,60,98,76,54];//包含8个数值的数组arr 
document.write(arr.length); //显示数组长度8
document.write(arr[7]); //显示第8个元素的值54

再者,JavaScript数组的length属性是可变的,那或多或少索要极度注意。

arr.length=10; //增大数组的长度
document.write(arr.length); //数组长度已经变为10

数组随成分的加码,长度也会变动,如下:

var arr=[98,76,54,56,76]; // 包含5个数值的数组
document.write(arr.length); //显示数组的长度5
arr[15]=34;  //增加元素,使用索引为15,赋值为34
alert(arr.length); //显示数组的长度16

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>数组长度</title>
 6 <script language="javascript">
 7   var mynum=new Array(65,90,88,98);
 8  document.write("数组的长度是:"+  mynum.length );
 9 </script>
10 </head>
11 <body>
12 </body>
13 </html>

6、左顾右盼(while循环)
和for循环有相通功效的还也许有while循环, while循环重复实施朝气蓬勃段代码,直到有个别条件不再餍足。
while语句结构:

  注意:记得在case所进行的言辞后增多上叁个break语句。不然就径直继续实行下边包车型大巴case中的语句,看之下代码:

六、二维数组

风姿浪漫维数组,我们作为黄金年代组盒子,各个盒子只好放叁个剧情。

一维数组的表示: myarray[ ]

二维数组,大家作为风流罗曼蒂克组盒子,可是各个盒子里还足以放多少个盒子。

二维数组的表示: myarray[ ][ ]

注意: 二维数组的四个维度的索引值也是从0起先,多少个维度的末尾三个索引值为长度-1。 

1. 二维数组的定义方法大器晚成

var myarr=new Array();  //先声明一维 
for(var i=0;i<2;i++){   //一维长度为2
   myarr[i]=new Array();  //再声明二维 
   for(var j=0;j<3;j++){   //二维长度为3
   myarr[i][j]=i+j;   // 赋值,每个数组元素的值为i+j
   }
 }

将方面二维数组,用表格的法子表示:

图片 18

2. 二维数组的定义方法二

var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3, ]]

3. 赋值

myarr[0][1]=5; //将5的值传入到数组中,覆盖原有值。

说明: myarr[0][1] ,0 表示表的行,1象征表的列。

 while(判断条件)
 {
   循环语句
 }

  图片 19

七、流程序调控制语句

接纳while循环,完毕从盒子里取球的动作,每一回取一个,共6个球。

  实践结果:

1. if语句

if语句是基于条件创建才施行相应代码时选拔的言辞。

语法:

if(条件)
{ 条件成立时执行代码}

瞩目:if小写,大写字母(IF卡塔 尔(英语:State of Qatar)会出错!

如果你应聘web前端技巧开辟岗位,假让你会HTML技术,你面试成功,迎接参加公司。代码表示如下:

<script type="text/javascript">
  var mycarrer = "HTML";
  if (mycarrer == "HTML")
  {
    document.write("你面试成功,欢迎加入公司。");
  }
</script>
<script type="text/javascript">
   var num=0; //初始化值
   while (num<=6){ //条件判断
     document.write("取出第"+num+"个球<br />");
     num=num+1; //条件值更新
   }
 </script> 
  评语: 继续努力!
  评语: 及格,加油!
  评语: 凑合,奋进
  评语: 很棒,很棒
  评语: 高手,大牛

2. if…else语句(二选一)

if...else语句是在钦命的规格组建刻实践代码,在标准化不成立即施行else后的代码。

语法:

if(条件)
{ 条件成立时执行的代码}
else
{条件不成立时执行的代码}

风华正茂经你应聘web前端技巧开拓岗位,假若你会HTML技巧,你面试成功,接待参与集团,不然你面试不成功,不能够参与公司。

代码表示如下:

<script type="text/javascript">
  var mycarrer = "HTML"; //mycarrer变量存储技能
  if (mycarrer == "HTML")
    { document.write("你面试成功,欢迎加入公司。");  }
  else  //否则,技能不是HTML
    { document.write("你面试不成功,不能加入公司。");}
</script>

7、来来回回(Do...while循环)
do while结构的基本原理和while结构是基本相通的,可是它保障循环体最少被实行贰次。因为它是先实行代码,后推断规范,倘诺基准为真,继续循环。
do...while语句结构:

  在地点的代码中,未有break停止语句,假若战绩是4分,则case 5后边的口舌将会拿到实践,相仿,case6、7-10末尾的言语都会博得执行。

3. if…else嵌套语句(多种判定)

要在多组语句中精选风姿罗曼蒂克组来实施,使用if..else嵌套语句。

语法:

if(条件1)
{ 条件1成立时执行的代码}
else  if(条件2)
{ 条件2成立时执行的代码}
...
else  if(条件n)
{ 条件n成立时执行的代码}
else
{ 条件1、2至n不成立时执行的代码}

若果数学考试,小明考了86分,给他做个评价,60分以下的不如格,60(饱含60分)-75分为优秀,75(包含75分)-85分成很好,85(满含75分)-100完美。

代码表示如下:

图片 20

结果:

图片 21

 do
 {
   循环语句
 }
 while(判断条件)

5、for循环--重复重复

 4. Switch语句(多样精选)

当有很四种采撷的时候,switch比if else使用更有利。

语法:

switch(表达式)
{
case值1:
  执行代码块 1
  break;
case值2:
  执行代码块 2
  break;
...
case值n:
  执行代码块 n
  break;
default:
  与 case值1 、 case值2...case值n 不同时执行的代码
}

语法表明:

Switch必须赋初始值,值与每个case值匹配。满足执行该 case 后的所有语句,并用break语句来阻止运行下一个case。如所有case值都不匹配,执行default后的语句。

设若评价学子的考试战绩,10分满分制,我们依照每一分两个等第将培养分等,并凭仗战表的级差做出差别的评介。

代码如下:

图片 22

推行结果:

评语: 及格,加油!

专一:记得在case所试行的说话后增多上一个break语句。不然就一贯继续推行下边包车型大巴case中的语句,看以下代码:

图片 23

实行结果:

评语: 继续努力!
评语: 及格,加油!
评语: 凑合,奋进
评语: 很棒,很棒
评语: 高手,大牛

在地点的代码中,未有break结束语句,要是成绩是4分,则case 5前边的话语将会获得实行,同样,case6、7-10后头的语句都会得到执行。

试着输出5个数字。

  相当多作业不只是做二遍,要重复做。如打字与印刷10份试卷,每便打字与印刷生机勃勃份,重复那么些动作,直到打印实现。那几个业务,大家运用循环语句来产生,循环语句,正是重复施行生龙活虎段代码。

5. for循环

大多政工不只是做三遍,要再一次做。如打字与印刷10份试卷,每一趟打字与印刷风流倜傥份,重复这几个动作,直到打字与印刷成功。那个事情,大家利用循环语句来形成,循环语句,正是重复试行生龙活虎段代码。

for语句结构:

for(初始化变量;循环条件;循环迭代)
{     
    循环语句 
 }

假如,贰个盒子里有6个球,大家每回取三个,重复从盒中抽取球,直到球取完结束。

<script type="text/javascript">
var num=1;
for (num=1;num<=6;num++)  //初始化值;循环条件;循环后条件值更新
{   document.write("取出第"+num+"个球<br />");
}
</script>

结果:

 图片 24

试行思路:

图片 25

<script type="text/javascript">
   num= 1;
   do{
     document.write("数值为:" + num+"<br />");
    num++; //更新条件
   }
   while (num<=5)
 </script>

  for语句结构:

6. while循环

和for循环有同等成效的还大概有while循环, while循环重复实行业作风流倜傥段代码,直到有个别条件不再满意。

while语句结构:

while(判断条件)
{
    循环语句
 }

运用while循环,达成从盒子里取球的动作,每回取叁个,共6个球。

<script type="text/javascript">
var num=0;  //初始化值
while (num<=6)   //条件判断
{
  document.write("取出第"+num+"个球<br />");
  num=num+1;  //条件值更新
}
</script>

使用do...while语句,输出6个数字。

  for(初始化变量;循环条件;循环迭代)
  {     
      循环语句 
   }

7. Do...while循环

do while结构的基本原理和while结构是基本相通的,可是它保障循环体起码被执行一遍。因为它是先实行代码,后测量尺度,若是基准为真,继续循环。

do...while语句结构:

do
{
    循环语句
 }
while(判断条件)

我们试着输出5个数字。

<script type="text/javascript">
   num= 1;
   do
   {
     document.write("数值为:" +  num+"<br />");
     num++; //更新条件
   }
   while (num<=5)
</script>

实行理并了结果:

图片 26

为何吗?大家来看下施行思路:

图片 27

<script type="text/javascript">
   var mynum =6;//mynum初值化数值为6
   do{
     document.write("数字:"+mynum+"<br/>");
     mynum=mynum-1;
   }
  while(mynum>=1);
 </script>

  纵然,四个盒子里有6个球,大家每一趟取四个,重复从盒中抽取球,直到球取完截至。

8. 退出循环break

在while、for、do...while、while循环中使用break语句退出当前巡回,直接实行前边的代码。

格式如下:

for(初始条件;判断条件;循环后条件值更新)
{
  if(特殊情况)
  {break;}
  循环代码
}

当碰到特殊意况的时候,循环就可以马上截止。看看上边包车型客车事例,输出拾二个数,假诺数值为5,就告生龙活虎段落输出。

图片 28

实行结果:

图片 29

注:当num=5的时候循环就能够终结,不会输出前面循环的从头到尾的经过。

 8、退出循环break
在while、for、do...while、while循环中央银行使break语句退出当前轮回,直接试行前边的代码。
格式如下:

  <script type="text/javascript">
  var num=1;
  for (num=1;num<=6;num++)  //初始化值;循环条件;循环后条件值更新
  {   document.write("取出第"+num+"个球<br />");
  }
  </script>

9. 一而再循环continue

continue的效果与利益是唯有跳过本次巡回,而任何循环体继续推行。

语句结构:

for(初始条件;判断条件;循环后条件值更新)
{
  if(特殊情况)
  { continue; }
 循环代码
}

地点的巡回中,当新鲜情况爆发的时候,此次巡回将被跳过,而连续的轮回则不会遭到震慑。好比出口12个数字,假如数字为5就不出口了。

 图片 30

实践结果:

图片 31

注:上面包车型的士代码中,num=5的这一次循环将被跳过。

 代码演习:

在贰个大学的编程选修课班里,大家获得了生机勃勃组加入该班级的学子数量,分别是真名、性别、年龄和年级,接下去吗,大家要动用JavaScript的文化挑出里面具有是大学一年级的女孩子的的名字啊。

学员消息如下:

    ('小A','女',21,'大一'),  ('小B','男',23,'大三'),

    ('小C','男',24,'大四'),  ('小D','女',21,'大一'),

    ('小E','女',22,'大四'),  ('小F','男',21,'大一'),

    ('小G','女',22,'大二'),  ('小H','女',20,'大三'),

    ('小I','女',20,'大一'),  ('小J','男',20,'大三')

 for(初始条件;判断条件;循环后条件值更新){
   if(特殊情况)
   {break;}
   循环代码
 }

  结果:

任务

第一步: 把这一个数量整合多少个数组,方便大家随后操作哦。

提示: 使用二维数组。

第二步: 挑选数据吧,首先寻找都以大学一年级的兼具消息 ;

其三步: 最后再壹回挑选上一步拿到的数量,打字与印刷出都是女子的姓名 ;

提示: 可以用switch 或 if 语句进行筛选。

 1 !DOCTYPE  HTML>
 2 <html >
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>流程控制语句</title>
 6 <script type="text/javascript">
 7 
 8  //第一步把之前的数据写成一个数组的形式,定义变量为 infos
 9  var infos=[['小A','女',21,'大一'],
10             ['小B','男',23,'大三'],
11             ['小C','男',24,'大四'],
12             ['小D','女',21,'大一'],
13             ['小E','女',22,'大四'],
14             ['小F','男',21,'大一'],
15             ['小G','女',22,'大二'],
16             ['小H','女',20,'大三'],
17             ['小I','女',20,'大一'],
18             ['小J','男',20,'大三']
19  ];
20  
21  var b=new Array();
22  var j=0;
23  //第一次筛选,找出都是大一的信息
24  for(var i=0;i<infos.length;i++){
25     if(infos[i][3]=="大一"){
26         b[j]=infos[i];
27         j++;
28         document.write(infos[i]+"<br/>");
29     }
30 }
31   
32  //第二次筛选,找出都是女生的信息
33  for(var i=0;i<b.length;i++){
34     if(b[i][1]=="女"){
35         document.write(b[i][0]+"<br/>");
36     }
37 }
38   
39 </script>
40 </head>
41 <body>
42 </body>
43 </html>

考试成绩输出,若是成绩及格继续输出下个战绩,若是战绩不如格,退出而且后边战绩不输出.

  图片 32

 <script type="text/JavaScript">
   var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值
   var i=0;
   while(i<mynum.length){
     if(mynum[i]<60){
     document.write("成绩"+mynum[i]+"不及格,不用循环了"+"<br>");
     break;
     }
     document.write("成绩:"+mynum[i]+"及格,继续循环"+"<br>");
     i=i+1;
   }
 </script>

  实行思路:

9、继续循环continue 语句结构:

  图片 33

 for(初始条件;判断条件;循环后条件值更新){
   if(特殊情况){
     continue;
   }
   循环代码
 }

6、while循环--心猿意马

地点的循环中,当特殊情状产生的时候,此次巡回将被跳过,而后续的轮回则不会见前遇到震慑。
事例:考试战绩输出,要是战表及格继续输出下个战表,若是成绩比不上格,则不出口该成绩。

  和for循环有同少年老功效果的还应该有while循环, while循环重复实践风华正茂段代码,直到某些条件不再满意。

<script type="text/JavaScript">
   var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值
   var i;
   for(i=0;i<mynum.length;i++){
     if(mynum[i]<60){
       document.write("成绩不及格,不输出!"+"<br>");
       continue;
     }
     document.write("成绩:"+mynum[i]+"及格,输出!"+"<br>");
   }
 </script>

  while语句结构:

在一个高级学园的编制程序选修课班里,我们获取了生龙活虎组参与该班级的学员数量,分别是真名、性别、年龄和年级,接下去吗,大家要使用JavaScript的文化挑出里面全部是大学一年级的女人的的名字啊。

  while(判断条件)
  {
      循环语句
   }

学员消息如下:

  使用while循环,完毕从盒子里取球的动作,每趟取三个,共6个球。

    ('小A','女',21,'大一'),  ('小B','男',23,'大三'),

  <script type="text/javascript">
  var num=0;  //初始化值
  while (num<=6)   //条件判断
  {
    document.write("取出第"+num+"个球<br />");
    num=num+1;  //条件值更新
  }
  </script>

    ('小C','男',24,'大四'),  ('小D','女',21,'大一'),

7、Do...while循环--来来回回

    ('小E','女',22,'大四'),  ('小F','男',21,'大一'),

  do while结构的基本原理和while结构是基本相似的,不过它保险循环体最少被施行三次。因为它是先执行代码,后判定标准,假使基准为真,继续循环。

    ('小G','女',22,'大二'),  ('小H','女',20,'大三'),

  do...while语句结构:

    ('小I','女',20,'大一'),  ('小J','男',20,'大三')

  do
  {
      循环语句
   }
  while(判断条件)
<script type="text/javascript">
  //第一步把之前的数据写成一个数组的形式,定义变量为 infos
  var infos = [
    ['小A','女',21,'大一'],
    ['小B','男',23,'大三'],
    ['小C','男',24,'大四'],
    ['小D','女',21,'大一'],
    ['小E','女',22,'大四'],
    ['小F','男',21,'大一'],
    ['小G','女',22,'大二'],
    ['小H','女',20,'大三'],
    ['小I','女',20,'大一'],
    ['小J','男',20,'大三']
  ];
  //第一次筛选,找出都是大一的信息
  var arr1 = [];
  var n = 0;
  for(var i=0;i<infos.length;i++){ 
    if( infos[i][3] == "大一" ){ 
       arr1[n] = infos[i];
       document.write(arr1[n]+"<br/>");
       n=n+1;
    } 
  }
  document.write("大一人数: "+arr1.length+"<br/>"); 
  //第二次筛选,找出都是女生的信息
  for(var i=0;i<arr1.length;i++){ 
  //这里可以用switch 
    if(arr1[i][1]=='女'){
      document.write(arr1[i][0]+"<br/>");
    }
  }
</script>

  大家试着输出5个数字。

上述正是关于Javascript流程序调整制语句的实例解析,希望对我们的上学抱有利于。

  <script type="text/javascript">
     num= 1;
     do
     {
       document.write("数值为:" +  num+"<br />");
       num++; //更新条件
     }
     while (num<=5)
  </script>

你可能感兴趣的篇章:

  • JavaScript底蕴之流程序调控制语句的用法
  • 安详严整Node.js串行化流程调整
  • js 品质优化之算法和流程序调控制
  • 浅谈js算法和流程控制
  • JavaScript程序中的流程序调控制语句用法总括
  • 安详严整JavaScript的流程序调节制语句
  • javascript流程序调整制语句集结

  奉行结果:

  图片 34

  为何吗?大家来看下推行思路:

  图片 35

8、break--退出循环

  在while、for、do...while、while循环中接受break语句退出当前循环,直接实行前边的代码。

  格式如下:

  for(初始条件;判断条件;循环后条件值更新)
  {
    if(特殊情况)
    {break;}
    循环代码
  }

  当境遇极其处境的时候,循环就能应声结束。看看上边包车型地铁例证,输出10个数,就算数值为5,就终止输出。

  图片 36

  推行结果:

  图片 37

  注:当num=5的时候循环就能完结,不会输出后边循环的内容。

9、continue--继续循环

  continue的效应是独自跳过此次巡回,而全部循环体继续实行。

  语句结构:

  for(初始条件;判断条件;循环后条件值更新)
  {
    if(特殊情况)
    { continue; }
   循环代码
  }

  下面的大循环中,当特殊处境时有产生的时候,此番巡回将被跳过,而继续的循环则不会境遇震慑。好比出口10个数字,如若数字为5就不出口了。

  图片 38

  实施结果:

  图片 39

  注:地方的代码中,num=5的此次循环将被跳过。

 

案例一:

在多少个高级高校的编程选修课班里,大家获取了风流洒脱组到场该班级的学习者数量,分别是真名、性别、年龄和年级,接下去吗,我们要利用JavaScript的学问挑出里面有着是大学一年级的女人的的名字啊。

学员音讯如下:

    ('小A','女',21,'大一'),  ('小B','男',23,'大三'),

    ('小C','男',24,'大四'),  ('小D','女',21,'大一'),

    ('小E','女',22,'大四'),  ('小F','男',21,'大一'),

    ('小G','女',22,'大二'),  ('小H','女',20,'大三'),

    ('小I','女',20,'大一'),  ('小J','男',20,'大三')

 

<!DOCTYPE  HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>流程控制语句</title>
<script type="text/javascript">

 var infos=[
            ['小A','女',21,'大一'],
            ['小B','男',23,'大三'],
            ['小C','男',24,'大四'],
            ['小D','女',21,'大一'],
            ['小E','女',22,'大四'],
            ['小F','男',21,'大一'],
            ['小G','女',22,'大二'],
            ['小H','女',20,'大三'],
            ['小I','女',20,'大一'],
            ['小J','男',20,'大三']
           ]

 for(var j=0;j<infos.length;j++){
     if(infos[j][1]=='女'&&infos[j][3]=='大一')
     {document.write(infos[j][0]+"<br />")}
     }

</script>
</head>
<body>
</body>
</html>

 

 

 

版权声明:本文由澳门金莎娱乐发布于计算机网络,转载请注明出处:流程控制语句,整理Javascript流程控制语句学习笔记