javascript循环语句及函数

Posted 2020-08-07 mumushi

循环语句

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’; //可以给他一个默认值
　　}