数组的本质有哪些（1.数组的概念）

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>

,