学习JavaScript的第四天

一、数组

1.概念：

数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。

2.创建

2.1数组的创建方式

JS中创建数组有两种方式:

●利用new创建数组
●利用数组字面量创建数组

2.2利用new 创建数组

var 数组名 = new Array();

var arr = new Array();  //创建一个新的空数组

2.3利用数组字面量创建数组

1.使用数组字面量方式创建空的数组
var 数组名 = [ ];

2.使用数给字面量方式创建带初始值的数组
var 数组名 =  ['小白'，'小黑'，大黄'，'瑞奇'];//逗号分隔

●数组的字面量是方括号[ ]
●声明数组并赋值称为数组的初始化

2.4数组元素的类型

数组中可以存放任意类型的数据,例如字符串,数字,布尔值等。

实践：

访问数组：

遍历数组：

3.数组转换为字符串

①需要一个新变量用于存放转换完的字符串str.
②遍历原来的数组,分别把里面数据取出来,加到字符串里面。
③同时在后面多加一个分隔符。

 4.新增数组元素

①使用循环来追加数组。
②声明一个空数组arr.
③循环中的计数器i可以作为数组元素存入。
④由于数组的索引号是从0开始的，因此计数器从0开始更合适,存入的数组元素要+1。

 5.案例

5.1数组去重

 5.2翻转数组

 5.3冒泡排序

冒泡排序是一种简单的排序算法。它重复地走访过要排序的数列，-次比较两个元素如果他们的顺序错误就把他们交换过来。走访数列的工作是重复地进行直到没有再需要交换,也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢浮到数列的顶端。

1.一共需要的趟数我们用外层for循环
       5个数据我们一共需要走4趟
       长度就是数组长度诚去1 ar.length-1
2.每一趟交换次数我们用里层for循环
       第一趟交换4次
       第二趟交换3次
       第三趟交换2次
       第四趟交换1次
       长度就是数组长度诚去次数
       但是我们次数是从0次开始的所以 最终rr.length-i-1
3.交换2个变量就好了

 二、函数

1.概念：

在JS里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大重复使用。虽然for循环语句也能实现一些简单的重复操作,但吡较具有局限性,时我们就可以使用JS中的函数。

函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。

2.函数的使用

函数在使用时分为两步:声明函数和调用函数。

 2.1声明函数

//1.声明函数

        // function 函数名() {

            // 函数体

        // }

●function 是声明函数的关键字,必须小写
●由于函数一般是为了实现某个功能才定义的,所以通常我们将函数名命名为动词,比如getSum

2.2调用函数

//调用函数

函数名(); // 通过调用函数名来执行函数体代码

●调用的时候千万不要忘记添加小括号

●口诀:函数不调用,自己不执行。

注意:声明函数本身并不会执行代码,只有调用函数时才会执行函数体代码。

2.3函数的封装

●函数的封装是把一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的函数接口

●简单理解:封装类似于将电脑配件整合组装到机箱中(类似快递打抱)

2.4案例：利用函数计算1~100之间的累加和

 3.函数的参数（函数的参数可以有，也可以没有，个数不限）

在声明函数时,可以在函数名称后面的小号中添加一些参数,这些参数被称为形参,而在调用该函数时，同样也需要传递相应的参数,这些数被称为实参。

参数的作用:在函数内部某些值不能固定, 我们可以通过参数在调用函数时传递不同的值进去。

function 函数名(形参1,形参2...) { //在声明函数的小括号里面是形参(形式 上的参数)

 }

函数名(实参1,实参2...); //在函数调用的小括号里面是实参( 实际的参数)

4.函数的返回值

格式:

// 2.函数的返回值格式

        // function 函数名() {

        //     return需要返回的结果;

        // }

        // 函数名();

        //console.log(函数名());

4.1.案例

5.arguments的使用

当我们不确定有多少个参数传递的时候,可以用arguments来获取。在JavaScript中, arguments实际上它是当前函数的一个内置对象。所有函数都内置了一个arguments对象, arguments对象中存储了传递的所有实参。

 arguments展示形式是一个伪数组,因此可以进行遍历。伪数组具有以下特点:

●具有length属性

●按索引方式储存数据

●不具有数组的push, pop等纺法