前端学习之JavaScript第三天

深藏阁楼爱情的钟 2022-05-08 00:04 491阅读 0赞

#                                            Javascript基础 #

### 一、Switch语句 ###

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

★switch后边的变量和case后边值的数据类型必须保持一致。

![70][]

◆Switch语句可以对变量进行集体判断：

![70 1][]

### 二、自增自减 ###

i++  ++i

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

![70 2][]

◆在参与运算的情况下

![70 3][]

var i=123;

var j=i++;  先将i的值123赋值给j,之后再自增

j的值为123  i 的值为124

var j=++i;

i先自增，在赋值给j

j的值为124，i的值 124

### 三、While循环 ###

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

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

### 四、Do while ###

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

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

![70 4][]

### 五、for循环 ###

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

执行顺序:

◆首先定义变量

◆如果条件表达式结果为true的时候，执行for循环里的代码，如果为false，循环体代码终止执行。

◆先执行变量和条件表达式循环一次，再执行自增自减。

### 六、Break语句 ###

在循环体内，只要代码遇到break,程序立马结束当前循环。

当前循环指的是break语句所在的循环体。

![70 5][]

### 七、continue语句 ###

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

![70 6][]

### 八、数组 ###

**1、定义**

![70 7][]

**2、赋值**

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

![70 8][]

**3、数组的初始化和遍历**

![70 9][]

**4、数组数据的个数  length属性**

通过数组名.length获取数组长度（元素个数）

![70 10][]

**5、数组合并**

使用concat方法合并数组。

![70 11][]

**6、join 方法  返回一个字符串**

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

![70 12][]

### 九、函数 ###

☞函数（方法）定义

通过 function  关键字

和自定义方法名 既可定义一个函数。  如下：

![70 13][]

方法的调用。

![70 14][]

函数案例介绍：

![70 15][]

如果有疑问联系博主：y19970821ywty

![70 16][]

要用到的工具，视频教程，关注公众号（Java学习之乐）直接免费获取：

![70 17][]

[70]: /images/20220508/3930886ff5ea476ea3f8af561fd6d4ec.png
[70 1]: /images/20220508/55a26f8eaa08459ea5fe2bb7395196ae.png
[70 2]: /images/20220508/7fa8754ef33a409fb8ac115c17a6f661.png
[70 3]: /images/20220508/e09a8f785b06415494be73b2a86ffd81.png
[70 4]: /images/20220508/d9a406e116c941ef8a6a8336255fc86d.png
[70 5]: /images/20220508/122747270a6b4290b3f8d318da97866e.png
[70 6]: /images/20220508/519e990081b04d268732d7421e83a7c8.png
[70 7]: /images/20220508/089a81fd0e4f4e88ae0165d70a2bfc10.png
[70 8]: /images/20220508/65deda05b7dd4965a08e51e256328b57.png
[70 9]: /images/20220508/a0122fb01f2d405eb1c374cf0806b0d8.png
[70 10]: /images/20220508/f2671371075f4c9fb67ae2c6e09792f0.png
[70 11]: /images/20220508/b4c1d02c04754b2192b8f46ee7625a8d.png
[70 12]: /images/20220508/19fe11bdb12b432eaf266320483bfb61.png
[70 13]: /images/20220508/85374b3be1fd4e94ad72452c82961602.png
[70 14]: /images/20220508/342268823ec448fc8e25d067b0972626.png
[70 15]: /images/20220508/435390239cc7421dbe6630e990b4f471.png
[70 16]: /images/20220508/e6284aee6eb84621a1b0fde9a305ffd8.png
[70 17]: /images/20220508/644552ec48514b6e9998edbf59c38d6b.png