03_JavaScript的switch、循环、数组

Switch语句

Switch(变量){
case 1:
如果变量和1的值相同，执行该处代码
break;
case 2:
如果变量和2的值相同，执行该处代码
break;
case 3:
如果变量和3的值相同，执行该处代码
break;
default:
如果变量和以上的值都不相同，执行该处代码
break;
}

• switch后边的变量和case后边值的数据类型必须保持一致。
• Switch语句可以对变量进行集体判断：

        switch(firut){
            case "苹果"：
            case "梨":
            alert("水果好吃");
            break;
            case "花生":
            case "核桃":
            alert("干货也不错");
            break;
        }

２ 自增自减

i++ ++i

• 在不参与运算的情况下，i++和++i都是在变量的基础加1

        var n1 = 10;
        // n1++;//n1=n1+1;
        ++n1;//n1=n1+1;
        alert(n1);

• 在参与运算的情况下

        var n1 = 100;
        // var n2 = ++n1;//n1=101,n2=101
        var n2 = n1++;//n1=101,n2=100
        alert(n1);
        alert(n2);

++name:先自增然后再赋值；
name++:先赋值然后再自增；

While循环

While(条件表达式){
   只要条件表达式结果为true,循环一直执行，当条件表达式结果为false的时候，循环终止
}

• While循环语句需先在循环体外定义变量。

Do while

Do{
循环体代码；首先执行该循环体代码一次。如果while后边的表达式结果为true,该循环体会一直循环。如果结果false,该循环终止。
}while(条件表达式)

• do while 比while循环多循环一次。

for循环

for(定义变量;条件表达式;自增自减){
循环体代码
}

• 执行顺序:
• 首先定义变量
• 如果条件表达式结果为true的时候，执行for循环里的代码，如果为false，循环体代码终止执行。
• 先执行变量和条件表达式循环一次，再执行自增自减。

案例

• 打印一个直角三角形

        // 在页面中打印一个直角三角形
        for(var j=1; j<=9;j++){
            for(var i=1; i<=j; i++){
                document.write("*");
            }document.write("<br>");
        }

• 打印99乘法表

        // 在页面中打印99乘法表
        for(var j=1; j<=9; j++){
            for(i=1;i<=j; i++){
                document.write(i+"X"+j+"="+j*i+" ");
            }document.write("<br>");
        }

Break语句

在循环体内，只要代码遇到break,程序立马结束当前循环。
当前循环指的是break语句所在的循环体。

continue语句

Continue语句指的是跳出本次循环，该语句后面的代码不再执行,整个循环体继续循环。

• 1-100之间的质数

        var flag = 0;
        for (var i = 1; i < 100; i++) {
            for (var j = 2; j < i; j++) {
                if(i%j == 0){
                    flag = 1;
                    break;
                }else{
                    flag = 0;
                }
            }
            if(flag==0 && i!=1&&i!=2){
                document.write("质数："+i+"<br>");
            }
            
        }

数组

• 数组定义

        //通过new创建一个数组
        var arr1 = new Array();
        //直接创建一个数组
        var arr2 = [];

• 数组赋值，数组中通过下标的方式进行赋值。下标从0开始。

        //数组赋值
        arr2[0]=12; //通过下标给数组赋值
        arr2[1]=23;
        arr2[2]="中国人";
        arr2[3]="美国人";
        alert(arr2);   //显示数组

• 初始化赋值

var ary1=[12,23,45,"中国人","34"];  //数组的初始化
alert(ary1);

注意：数组存储的数据可以是任何类型（数字、字符、布尔值等）

• 数组遍历

        var arr3 = new Array("123",12,"你好");
        for(var i = 0 ; i<3 ; i++){
            alert(arr3[i]);
        }

• 数组数据的个数 length属性
  通过数组名.length获取数组长度（元素个数）

        var arr3 = new Array("123",12,"你好");
        for(var i = 0 ; i<arr3.length ; i++){
            alert(arr3[i]);
        }

• 数组合并
  使用concat方法合并数组。

var arr4 = arr2.concat(arr3);
alert(arr4);

• Join 方法 返回一个字符串
  Join方法返回一个字符串数组。

var arr5 = arr2.join("&");
console.log(arr5);//12&23&中国人&美国人
alert(typeof arr5);//string

函数

函数（方法）定义

function 函数名（）{
方法体
}

通过 function 关键字
和自定义方法名 既可定义一个函数。 如下：

function test(){     //通过function创建函数
    alert("14期威武");
}

函数的调用

test();