javascript循环语句及函数

Posted mumushi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript循环语句及函数相关的知识,希望对你有一定的参考价值。

循环语句

1.While

  语法:
  while (exp) {
  //statements;
  }

  说明:
  while (变量<=结束值) { 需执行的代码 }

  例1:
  var i = 1;

  while(i < 3){
  alert(i);
  i++;
  }

  注意:如果忘记增加条件中所用变量的值,该循环永远不会结束。这可能导致浏览器崩溃。

  用while输出1-1000的数值

var i=1;
while(i<=1000){
    if(i%2){
        document.write(i);
    } //输出1-1000的奇数,i%2==1表示true则输出,i%2==0表示false不输出。
    else {
        document.write(i);
    }//输出1-1000的偶数
    i++;  
}

 

2. Do…while

  do {
  //statements;
  }while (condition);

  do { 需执行的代码 } while (变量<=结束值)

  例:

  var i = 1;
  do {
  alert(i);
  i++;
  }while(i < 3);

注:这里基本上是前一while示例的反转版,只有一处不同:do循环中在循环末尾检测条件。因此,即使条件永远不为真,循环中的语句至少也会运行一次。

 

3.for 循环语句

  for(initial; expression; post-loop-expression){
  //statement;
  }

  for (变量=开始值(语句1);变量<=结束值(语句2);变量=变量+步进值(语句3)) {
  需执行的代码
  }

  语句 1 (代码块)开始前执行 starts.

  语句 2 定义运行循环(代码块)的条件

  语句 3 在循环(代码块)已被执行之后执行

  例:
  for(var count = 1; count < 11; count++){
  alert(count);
  }

 

4.For/In 循环语句

  javascript for/in 语句循环遍历对象的属性:

  例:

  var person={fname:"John",lname:"Doe",age:25}; 

  for (x in person)
  {
      txt=txt + person[x];
  }

(- -!比较少用,就简单做下笔记)

 

不同类型的循环

JavaScript 支持不同类型的循环:

  • for - 循环代码块一定的次数
  • for/in - 循环遍历对象的属性
  • while - 当指定的条件为 true 时循环指定的代码块
  • do/while - 同样当指定的条件为 true 时循环指定的代码块

 

 

5. break 语句和 continue 语句

  break 语句可以立即退出循环;
  continue 语句只是退出当前循环;

  5.1break 语句

  break 语句可用于跳出循环。

  break 语句跳出循环后,会继续执行该循环之后的代码(如果有的话):

  for (i=0;i<10;i++) {

  if (i==3)  {
  break;
  }
  x=x + "The number is " + i + "<br>";
  }

  5.2continue 语句

  continue 语句中断循环中的迭代,如果出现了指定的条件,然后继续循环中的下一个迭代,下面例子跳过了值3:

  for (i=0;i<=10;i++){
    if (i==3) continue;
    x=x + "The number is " + i + "<br>";
  }

 

 

 

  函数  

  函数就是完成某个功能的一组语句,函数由关键字 function + 函数名 + 一组参数定义;
函数在定义后可以被重复调用,通常将常用的功能写成一个函数,利用函数可以使代码的组织
结构更多清晰。

注意:函数名称区分大小写。
基本语法:
  function funName (arg0, arg1, … argN){
  //statements
  }

  例1:
  function sum (i, j){
  alert(i+j);
  }
  sum(2,3);

  例2:使用 return 语句从函数返回值
  function sum (num1, num2){
  return num1 + num2;

  }

  var s = sum(1, 2);
  alert(s);
  document.write(s);
  console.log(s);

  这里可以多次调用函数sum,不用重复写!

  注意:
  1.位于return 语句之后的任何代码都永远不会执行!
  2.在JavaScript中,不一定要指定返回值!
  3. 定义函数的参数时,如果调用函数时没有传进参数,并不会报错,但可以在函数里面判
  断一下是否有传进参数,例如可以这样判断:
  if(variable == ‘undefined‘ || variable == null){
  variable=‘1’; //可以给他一个默认值
  }

 

以上是关于javascript循环语句及函数的主要内容,如果未能解决你的问题,请参考以下文章

PHP项目开发经验整理

JavaScript流程控制的三种结构,循环语句及相关练习

Javascript语法,变量类型,条件,循环语句,函数,面向对象

8第九周 - WEB开发基础 - JavaScript函数及序列化转义

前端—— JavaScript基础操作:if语句for循环while循环for...infor...of异常处理函数事件JS选择器JS操作页面样式

javascript的程序控制结构及语句------循环控制语句跳转语句对话框