1、if语句--做判断

　　if语句是基于条件成立才执行相应代码时使用的语句。
　　语法:
　　　　if(条件)
　　　　{ 条件成立时执行代码}
　　注意：if小写，大写字母（IF）会出错！
　　假设你应聘web前端技术开发岗位，如果你会HTML技术，你面试成功，欢迎加入公司。代码表示如下:
　　　　<script type="text/javascript">
 　　　　 var mycarrer = "HTML";
 　　　　 if (mycarrer == "HTML")
  　　　　{
  　　　　  document.write("你面试成功，欢迎加入公司。");
 　　　　 }
　　　　</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>

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优秀。

　　代码表示如下:

　　

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分满分制，我们按照每一分一个等级将成绩分等，并根据成绩的等级做出不同的评价。

　　代码如下:

　　

　　执行结果:

　　评语: 及格，加油!

　　注意:记得在case所执行的语句后添加上一个break语句。否则就直接继续执行下面的case中的语句，看以下代码:

　　

　　执行结果:

　　评语: 继续努力!

　　评语: 及格，加油!

　　评语: 凑合，奋进

　　评语: 很棒，很棒

　　评语: 高手，大牛

　　在上面的代码中，没有break停止语句，如果成绩是4分，则case 5后面的语句将会得到执行，同样，case6、7-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>

　　结果:

　　

　　执行思路:

　　

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>

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>

　　执行结果:

　　

　　为什么呢?我们来看下执行思路：

　　

8、break--退出循环

　　在while、for、do...while、while循环中使用break语句退出当前循环，直接执行后面的代码。

　　格式如下：

　　for(初始条件;判断条件;循环后条件值更新)

　　{

　　  if(特殊情况)

　　  {break;}

 　　 循环代码

　　}

　　当遇到特殊情况的时候，循环就会立即结束。看看下面的例子，输出10个数，如果数值为5，就停止输出。

　　

　　执行结果:

　　

　　注:当num=5的时候循环就会结束，不会输出后面循环的内容。

9、continue--继续循环

　　continue的作用是仅仅跳过本次循环，而整个循环体继续执行。

　　语句结构：

　　for(初始条件;判断条件;循环后条件值更新)

　　{

　　  if(特殊情况)

　　  { continue; }

　　 循环代码

　　}

　　上面的循环中，当特殊情况发生的时候，本次循环将被跳过，而后续的循环则不会受到影响。好比输出10个数字，如果数字为5就不输出了。

　　

　　执行结果:

　　

　　注:上面的代码中，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语言--JS基础--JavaScript进阶篇--流程控制语句的更多相关文章

  1. 二、JavaScript语言--JS基础--JavaScript入门篇

    1.如何插入JS 使用<script>标签在HTML网页中插入JavaScript代码.注意, <script>标签要成对出现,并把JavaScript代码写在<scri ...

  2. 二、JavaScript语言--JS基础--JavaScript进阶篇--选项卡切换效果

    利用JavaScript知识,实现选项卡切换的效果. 效果图: 文字素材: 房产: 275万购昌平邻铁三居 总价20万买一居     200万内购五环三居 140万安家东三环     北京首现零首付楼 ...

  3. 二、JavaScript语言--JS基础--JavaScript进阶篇--DOM对象 控制HTML元素

    1.认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 先来看看下面 ...

  4. 二、JavaScript语言--JS基础--JavaScript进阶篇--浏览器对象

    1.window对象 window对象是BOM的核心,window对象指当前的浏览器窗口. window对象方法:

  5. 二、JavaScript语言--JS基础--JavaScript进阶篇--事件响应

    1.什么是事件 JavaScript 创建动态页面.事件是可以被 JavaScript 侦测到的行为. 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件. 比如说,当用户 ...

  6. 二、JavaScript语言--JS基础--JavaScript进阶篇--数组

    1.什么事数组 我们知道变量用来存储数据,一个变量只能存储一个内容.假设你想存储10个人的姓名或者存储20个人的数学成绩,就需要10个或20个变量来存储,如果需要存储更多数据,那就会变的更麻烦.我们用 ...

  7. 二、JavaScript语言--JS基础--JavaScript进阶篇--JS基础语法

    1.变量 定义:从字面上看,变量是可变的量:从编程角度讲,变量是用于存储某种/某些数值的存储器.我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服.玩具.水果...等. 命名:变量名字可以任 ...

  8. 二、JavaScript语言--JS基础--JavaScript进阶篇--JavaScript内置对象

    1.什么事对象 JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法. 对象的属性:反映该对象某些特定的性质的,如:字符串的长度.图像的长宽等: 对象的方 ...

  9. 二、JavaScript语言--JS基础--JavaScript进阶篇--函数

    1.什么是函数 函数的作用,可以写一次代码,然后反复地重用这个代码. 如:我们要完成多组数和的功能. var sum; sum = 3+2; alert(sum); sum=7+8 ; alert(s ...

随机推荐

  1. ExtJS入门教程05，grid的异步加载数据

    上一篇演示了extjs grid的基本用法,并加载了本地数据.今天我们将演示如何加载异步数据. 所谓异步,就是通过ajax的方式将服务器端的数据加载到我们的grid中.为了提供数据,我们先定义一个数据 ...

  2. Glut 回调函数小结

    2014-04-08  16:25:50   void glutDisplayFunc(void (*func)(void)); 注册当前窗口的显示回调函数 参数: func:形为void func( ...

  3. Logistic Regression and Gradient Descent

    Logistic Regression and Gradient Descent Logistic regression is an excellent tool to know for classi ...

  4. hdu 1049 Climbing Worm

    解题思路: 1. 两种情况,0x1:井深度小于一次跳的高度.0x2:井深度大于一次跳的高度 2.如果 属于 0x1 则一次跳出 3.否则 本次解题中直接枚举跳的次数 一直循环,直到 [每次跳的真实高度 ...

  5. 笔记：PHP查询mysql数据后中文字符乱码

    新建表Clubs CREATE TABLE `Clubs` ( `id` ) NOT NULL AUTO_INCREMENT, `name` ) CHARACTER SET utf8 NOT NULL ...

  6. json2.js的用途（拯救IE）

    json2.js提供了json的序列化(JSON.stringify)和反序列化方法(JSON.parse):可以将一个Object或Array转换成json字符串,也可以将一个json字符串转换成一 ...

  7. php实现文件安全下载

    public function downloads($name){ $name_tmp = explode("_",$name); $type = $name_tmp[0]; $f ...

  8. 闲来无事，用Java的软引用写了一个山寨的缓存

    闲来无事,用Java的软引用写了一个山寨的缓存 博客分类: java基础 众所周知java中的引用分为 StrongReference.SoftReference.WeakReference.Phan ...

  9. iOS开发之#iPhone6与iPhone6Plus适配#Xcode6.0/Xcode6.1上传应用过程中一些变动以及#解决方案#

    更新时间2014年11月13日  本博文创建时,只有Xcode6.0, Xcode6.0尝试多次,确实如此 之后在6.1版本经博主少量尝试,确实也有如下问题,现更新下博客! iOS8发布之后,苹果强制 ...

  10. 字符串模拟赛T1

    // source code from laekov for c0x17 #define PRID "bxjl" #include <cstdio> #include ...