1.数组的概念

大家好，欢迎来到IT知识分享网。

1.数组的概念

问:之前学习的变量,只能存储一个值。 如果我们想存储班级中所有学生的姓名,那么该如何存储呢?

答:可以使用数组(Array)。数组可以把-组相关的数据一起存放 ,并提供方便的访问(获取)方式。

问:什么是数组呢?

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

2.创建数组

2.1数组的创建方式

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

• 利用new创建数组
• 利用数组字面量创建数组（常用）

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

• 数组的字面量是方括号[]
• 声明数组并赋值称为数组的初始化
• 这种字面量方式也是我们以后最多使用的方式

3.获取数组元素

3.1数组的索引

• 索引（下标）：用来访问数组元素的序号（数组下标从0开始）。

数组可以通过索引来访问、设置、修改对应的数组元素.我们可以通过”数组名[索引”的形式来获取数组中的

元素。

这里的访问就是获取得到的意思.

  <script>         //通过下标（编号）访问数组元素         var arr2 = ['迪丽热巴','古力娜扎','佟丽娅'];         console.log(arr2[0]);         console.log(arr2[1]);         console.log(arr2[2]);     </script>

4遍历数组

• 从头到尾访问

问:数组中的每-项我们怎么取出来?

答:可以通过“数组名[索引号]”的方式-项项的取出来。

<script>         //遍历数组：就是把数组的元素从头到尾访问一次         var arr = ['red','green','blue'];         for(var i=0; i<3;i++){             console.log(arr[i]);         }     </script>

4.1数组的长度

• 使用“数组名.length”可以访问数组元素的数量（数组长度）——无需加[]

<script>     //数组的长度 数组名.length     var arr = ['gyq1','gyq2','gyq3','gyq4','gyq5',]     for(var i=0;i<arr.length;i++)    //i充当计数器     {         console.log(arr[i]);     }     console.log(arr.length)     </script>

4.2计算数组的和以及平均值

1求数组[2,6,1,7, 4]里面所有元素的和以及平均值。

(1)声明一个求和变量sum。

(2)遍历这个数组，把里面每个数组元素加到sum

里面。

(3)用求和变量sum除以数组的长度就可以得到数组的平均值。

<script>         var arr = [2,6,1,7,4];         var sum = 0;         var average = 0;         for(var i =0; i<arr.length;i++)         {             sum += arr[i];  //我们加的是数组元素  arr[i]不是计数器 i         }         average = sum / arr.length;         console.log(sum,average);   //想要输出多个变量，用逗号分隔开             </script>

4.3求数组中的最大值

• 求数组[2,55,66,2,45,10000.1,9,10000]中的最大值
• 声明一个保存最大元素的变量max。
• 默认最大值可以取数组中的第一个元素。
• 遍历这个数组，把里面每个数组元素和max相比较。
• 如果这个数组元素大于max就把这个数组元素存到max里面，否则继续下一轮比较。
• 最后输出这个max

<script>         var arr = [2,55,66,2,45,10000.1,9,10000];         var max = arr[0];         for(var i=1;i<arr.length;i++)         {             if(arr[i]>max){                 max=arr[i];             }         }         console.log('该数组里面的最大值是：' + max);     </script>

数组转换为分割字符串

要求:将数组[‘red’, ‘green’, ‘blue’, ‘pink’]转换为字符串,并且用|或其他符号分割

输出: ‘redlgreen|btelpinkl’

案例分析：

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

<script>         var arr = ['red', 'green', 'blue', 'pink'];         var str = '';         var sep = '|';         for(var i =0;i<arr.length;i++){             str += arr[i] + sep;         }         console.log(str);     </script>

5.数组中新增元素

• 可以通过修length长度以及索引号增加数组元素

5.1通过修改length长度新增数组元素

• 可以通过修改length长度来实现数组扩容的目的
• length属性是读写的

  <script>     //1.新增数组元素  修改len         var arr = ['red','green','blue'];         console.log(arr.length);         arr.length = 5; //我们数组的长度修改为了5  里面应该有5个元素         console.log(arr);         console.log(arr[3]);         console.log(arr[4]);              </script>

其中索引号是4, 5, 6的空间没有给值,就是声明变量未给值,默认值就是undefined.

5.2通过修改数组索引新增数组元素

• 可以通过修改数组索引的方式追加数组元素
• 不能直接给数组名赋值，否则会覆盖掉以前的数据

<script>         //2.新增数组元素 修改索引号 追加数组元素         var arr1 = ['red','green','blue'];         arr1[3] = 'pink';         console.log(arr1);         arr1[4] = 'hotpink';         console.log(arr1);         arr1[0] = 'yellow'; //这里是替换原来的数组元素         console.log(arr1);         arr1 = '有点意思';         console.log(arr1);  //不要直接给 数组名赋值  否则里面的数组元素都没有了     </script>

这种方式常用。

循环添加数组：

新建一个数组，里面存放10个整数( 1~10)

核心原理:使用循环来追加数组。

1、声明一个空数组arr。

2、循环中的计数器i可以作为数组元素存入。

3、由于数组的索引号是从0开始的， 因此计数器从0开始更合适，存入的数组元素要+1。

<script>         var arr=[];         for(var i = 0; i< 100; i++){             //arr = i;  不要直接给数组名赋值  否则以前的元素都没了             arr[i]=i + 1;         }         console.log(arr);     </script>

筛选数组案例：

• 要求:将数组[2, 0,6, 1, 77,0, 52,0, 25, 7]中大于等于10的元素选出来,放入新数组。

案例分析：

• 1、声明一个新的数组用于存放新数据newArr.
• 2、遍历原来的旧数组， 找出大于等于10的元素。
• 3、依次追加给新数组newArr.

<script>         //方法一         var arr = [2, 0,6, 10,1, 77,0, 52,0, 25, 7];         var newArr = [];         var j = 0;         for(var i =0;i<arr.length;i++ ){             if(arr[i]>=10){                 //新数组应该从0开始  依次递增                 newArr[j]=arr[i];                j++;             }         }         console.log(newArr);         //方法二         var arr=[2, 0,6, 10,1, 77,0, 52,0, 25, 7];         var newArr = [];         //刚开始 newArr.length         for(var i=0;i<arr.length;i++)         {             if(arr[i] >=10){                 //新数组索引号应该从0开始  依次递增                 newArr[newArr.length]=arr[i];             }         }         console.log(newArr);     </script>

数组案例：

• 将数组[2,0,6,1,77,0,52，0,25，7]中的0去掉后，形成一个不包含0的新数组。

案例分析：

1、需要一个新数组用于存放筛选之后的数据。

2、遍历原来的数组，把不是0的数据添加到新数组里面(此时要注意采用数组名+索引的格式接收数据)。

3、新数组里面的个数， 用length 不断累加。

<script>         var arr = [2,0,6,1,77,0,52,0,25,7];         var newArr = [];         for(var i=0;i<arr.length;i++)         {             if(arr[i] != 0)             {                 newArr[newArr.length] = arr[i];             }         }         console.log(newArr);     </script>

数组翻转案例

案例分析

• 将数组[‘red’, ‘green’, ‘blue’,’pink’, ‘purple’] 的内容反过来存放
• 1、声明一个新数组newArr
• 2、把旧数组索引号第4个取过来(arr . length – 1)， 给新数组索引号第0个元素(newArr . length)
• 3、我们采取 递减的方式 i–

<script>         //数组翻转         var arr = ['red', 'green', 'blue','pink', 'purple'];         var newArr = [];         for(var i =arr.length -1; i>=0; i--)         {             newArr[newArr.length] = arr[i];         }         console.log(newArr);     </script>

数组排序（冒泡排序）

• 冒泡排序:是-种算法,把一系列的数据按照-定的顺序进行排列显示(从小到大或从大到小)。
• 例如,我们可以将数组[5, 4, 3, 2, 1]中的元素按照从小到大的顺序排序,输出: 1 ,2.3,4,5

<script>         //冒泡排序         var arr = [4,2,1,3,5,10];         for(var i=0;i<=arr.length -1;i++){   //外层循环管趟数             for(var j=0;j<=arr.length-i-1;j++){ //里面的循环管   每一趟的交换次数                 //内部交换2个变量的值  前一个和后一个数组元素相比较                 if(arr[j]>arr[j+1]){                     var temp = arr[j];                     arr[j]=arr[j+1];                     arr[j+1]=temp;                 }             }         }         console.log(arr);     </script>