JavaScript数组

一.创建数组

01.数组的概念

单一的变量 会在计算机内存中开辟一个空间存储数据再将这个数据的内存空间地址给变量 var age=20;我们现在需要创建大量的相关数据 如学生的姓名 成绩 年龄，这个信息我们如果一个一个去创建就会很麻烦 也会占据计算机的内存， 这时候 我们可以通过创建数组的形式来保存数据

02.数组就是用来存储大量相关联的数据

03.数组的创建

1.方式一 构造函数的方式

 var arr=new Array();
        // 给数组赋值      
         arr[0]=1;      
         arr[1]=2;
         arr[2]=3;
          arr[4]=10;
        //查看赋值是否成功
       console.log(arr);

2. 创建方式二

   var arr=new Array(5);//初始化 指定数组默认长度为5，
                      // 注意这里的5只是初始值，不是上限
    arr[0]="a";
    arr[1]="b";
    arr[2]="c";
    arr[3]="d";
    arr[4]="e";
    arr[5]="f";
console.log(arr);

二.遍历数组

遍历数组 即使获取数组中的每一个数据， 数组长度length 总是比下标的最大值 大一位数

方法一  for循环

var arr=[1,2,3,4,5,6];

for(var i=0;i<arr.length;i++){
   console.log(arr[i]);
}

方法二 ：forEach

var arr=[1,2,3,4,5,6];
arr.forEach(x=>{
    console.log(x);
})

方法三：map()

var arr=[1,2,3,4,5,6];
arr.map((a,b)=>{
    console.log(b+":"+a);
});//b是下标 /索引值   a是数组值

方法四：

var arr=[1,2,3,4,5,6];
for(let s of arr){
    console.log(s);
}

三.数组的长度 

数组名.length

1.数组长度是元素个数，不要和索引号混淆

 2. arr.length 动态检测数组元素个数

案例:

// 求数组[2,6,1,7,4]里面所有元素的和及平均值
// 声明一个求和变量sum
// 声明一个平均值变量average
var arr=[2,6,1,7,4];
var sum=0;
var average=0;
for(i=0;i<arr.length;i++){
    sum+=arr[i];//我们加的是数组元素arr[i]
}
average=sum/arr.length;
console.log(sum,average);//想要输出多个变量用逗号分隔即可

四.数组最大值,最小值

案例：

// 求数组[2,6,1,77,52,25,7]中的最大值
// 声明一个保存最大元素的变量max
// 默认最大值可以取数组中的第 个元素
// 遍历数组，把里面每个数组元素和max相比较
// 如果这个数组元素大于max 就把这个数组元素存到max里面，否则就继续下一轮比较
// 最后输出这个max
var arr=[2,6,1,77,52,25,7]
var max=arr[0]
for(i=0;i<arr.length;i++){
    if(arr[i]>max){
        max=arr[i];

    }

}
console.log("数组最大值是："+max)


// 最小值

var min=arr[0]
for(i=0;i<arr.length;i++){
    if(arr[i]<min){
        min=arr[i];

    }

}
console.log("数组最小值是："+min)

五.数组元素的添加、删除、截取、合并、拷贝

1.    array. push（);

将一个或多个新元素添加到数组结尾，并返回数组新长度

var array3 =[1,2,3,4,5];
//添加元素到数组的最后  返回新数组的长度
var len =  array3.push(12)
console.log(array3)
console.log(len)

2.arrayObj.unshift（);

将一个或多个新元素添加到数组开始，数组中的元素自动后移，返回数组新长度

//添加元素到数组的最前面  返回新数组的长度
len =  array3.unshift(0);
console.log(array3)
console.log(len)

3.arrayObj.splice（start，deleteNum，insert);

将一个或多个新元素插入到数组的指定位置，插入位置的元素自动后移，返回删除后的元素。

/*
 插入元素到数组指定的位置
 第一个参数 start  从哪里开始
 第二个参数 delNum 删除元素的个数
 第三个参数 insert  插入的新元素
 
 1.只写一个参数 会从指定开始的位置开始删除直到数组的末尾  以数组的形式返回删除的元素
 2.写两个参数  会从指定的位置 删除指定个数的元素 并以数组的形式返回
 3.写三个参数  从指定位置开始 删除指定的元素，并将新元素从指定开始的位置添加   返回删除的元素
*/

4.arrayObj.pop(); 

移除最后一个元素并返回该元素值

var array = [23, 12, 5, 19, 3];
var temp = array.pop();
console.log(temp)
console.log(array.toString())

5. arrayObj.shift();

移除最前一个元素并返回该元素值，数组中元素自动前移

var array = [23, 12, 5, 19, 3];
var temp = array.shift();
console.log(temp)
console.log(array.toString())

6.arrayObj.splice(deletePos,deleteCount); 

删除从指定位置deletePos开始的指定数量deleteCount的元素，数组形式返回所移除的元素

var array = [23, 12, 5, 19, 3];
var temp = array.splice(1,4);
console.log(temp)
console.log(array.toString())

7.arrayObj.slice(start, [end]);

以数组的形式返回数组的一部分，注意`不包括 end `对应的元素，如果省略 end 将复制start 之后的所有元素

var array = [23, 12, 5, 19, 3];
var temp = array.slice(1,3)
console.log(temp)
console.log(array.toString())

8.    arrayObj.concat();

返回数组的拷贝数组，注意是一个新的数组，不是指向

var array4 = [10,11,13,14]
var a = array4.concat()
console.log(array4)
console.log(a)

数组的深浅拷贝:

1.使用以上的concat（）和 slice（）方法对一维数组可实现新旧数组互不影响的拷贝，但是在元素是对象时，仍然还是会影响，因此这两种方法均是浅拷贝

2.使用JSON.parse(JSON.stringify(array));可实现数组的深拷贝；

六.数组的排序和翻转

1.反转元素（最前的排到最后、最后的排到最前），返回数组地址

arrayObj.reverse(); 

var array4 = [10,11,13,14]
array4.reverse();
console.log(array4)

// 要求：将数组内容反过来存放， [10,11,13,14]
// 输出[14,13,11,10]
// 1.声明一个新数组newArr
// 2.把旧数组索引号第4个取过来(arr.length-1),给新数组索引号第0个元素(newArr.length)
// 3.我们采取递减的方式 i--
var arr=[10,11,13,14];
var newArr=[];
for(i=arr.length-1;i>=0;i--){
    newArr[newArr.length]=arr[i];

}

console.log(newArr)

2.冒泡排序

arrayObj.sort(); 

var array1 = [10,11,13,14,100,21]
 arr1.sort(function(a,b){
            // return a-b;//升序的属性排列
            return b-a; //降序的顺序排列

        });
        console.log(arr1)

sort()默认的排列方式是按照字符的unicode码进行排列的，在排列数值的时候会出现问题，因此需要依赖一个比值函数function(a,b){return a-b}