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>