JavaScript数组（1）

一.数组的基本概念

java中的数组：储存很多数据的容器，

                特点：1.所有的数据的类型必须要一致

                            2.长度无法更改

                    

         javaScript中的数组：储存很多数据的容器，

         特点：1.所有的数据的类型可以不一致

         2.长度可以随意更改

                    

                数组是存储一系列值的集合，它是由一个或多个元素组成的，各元素之间使用逗号“,”分隔。

             数组中的每个元素由“索引”和“值”构成。

             索引：也可称为“下标”，用于识别元素，以数字表示，默认情况下从0开始依次递增。

             值：元素的内容，可以是任意类型的数据。

二.如何创建数组

js中创建数组的两种方式：都要掌握

                1.静态声明:声明数组的同时，将元素值都定下来。

                var arr = [1,2,3,4,5,6,7]; //java是大括号 JS是中括号

                var arr = []; //创建一个长度为0的空数组

                                

                2.动态声明：暂时只声明，赋值放到后续进行

                var arr = new Array();//声明了一个空数组（长度为0）

                arr[0] = 1; arr[1] = 2;

                

                

                

                动态声明的注意事项：

                写法1：var arr = new Array(); 创建了一个长度为0的空数组

                写法2：var arr = new Array(10); 创建了一个长度为10的空数组

                写法3：var arr = new Array(1,2,3,4,5); 创建了一个长度为0的空数组

                注意事项：写法2和写法3的区分。如果括号内部只有一个数字，就表示长度，而非值

                如果有若干个，才表示值

三.数组的基本操作

            常见的数组操作1:获取指定位置的元素 语法:arr[index] 下标从0开始

            常见的数组操作2:获取数组的长度，通过属性，xxx.length

             注意事项:Java中获取数组长度通过方法：xxx.length()

            常见的数组操作3:遍历数组,根据for循环进行遍历

                var arr = [1,2,3,"语文" , true , 22.22 , undefined , null]; 

              console.log(arr[5]);获取下标为5的元素

             console.log(arr.length);

            

            for(var i = 0 ;i<arr.length;i++){

             console.log(arr[i]);

                 }

常见的数组操作4:随意地更改数组的长度

            console.log("数组修改之前的长度为" + arr.length);

方法1: 简单操作直接修改 ,不推荐

             arr.length = 100;

             console.log("数组修改之后的长度为" + arr.length);

            方法2:直接在数组的后面添加元素即可

            arr[8] = "新元素1";

            arr[9] = "新元素2";

            arr[19] = "新元素3";

            修改元素

            arr[0] = 111;

            console.log("数组修改之后的长度为" + arr.length);

            for(var i = 0 ;i<arr.length;i++){

                console.log(arr[i]);

                             }

删除数组中指定的元素

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

            console.log(arr);

             delete arr[2];准确地说法应该是: 讲指定位置的元素 修改成 empty而已 并没有实现真正的删除.

            console.log(arr);

            

            如何实现真正的删除: Java也好JS也好 都没有直接提供相对的方法.

            思路:创建一个新的数组,然后旧数组遍历 赋值给新数组.然后遍历的时候进行判断,如果到了那个值不想要,跳过

             var arr1 = [ ];

             var index = 0;

             for(var i = 0 ; i<arr.length;i++){

               if (arr[i]==3) {

                  continue;

               }

               arr1[index] = arr[i];

               index++;

             }

             console.log(arr);

             console.log(arr1);

四.数组的排序

数组的排序非常重要: 成绩 销量 热度 等等属性 都需要进行排序

            var arr = [78,6213,5544,5432,213,654,756,767,654,876,87,69789,789,78];

            要求:从小到大排序.

            最常见的排序算法 : 冒泡排序

            

            步骤1: 需要判断多少轮 arr.length-1

            for(var i = 0 ; i<arr.length-1;i++){

                步骤2:比较 第i个数 和 后续的数一一比较 问题:比较多少次 arr.length-1-i

                for(var j = i+1 ; j<arr.length;j++){

                    if(arr[i]>arr[j]){

                        var temp = arr[i];

                        arr[i] = arr[j];

                        arr[j] = temp;

                    }

                }

            }

            console.log(arr);

五.二维数组

1.javaScript中的数组：数据的类型可以不一致

                也就是意味着数组里面可以再次存储数组 来实现二维甚至多维数组

                一般来说掌握二维数组就够了。

                二维数组：可以看成 几行几列

2.声明二维数组的语法:

         语法1: var arr = new Array( new Array(10) , new Array(9) , new Array(12) );

        

         语法2: var arr = [ [1,3] , [11,22,33] , [33,22,55] ];

         

                    var arr = [

                        [1,2],

                        [2,3,4],

                        [4,5,6]

                    ]

3.遍历二维数组思路: 先将二维数组看成一维数组

        

          var arr = [ [1,2,3,4] , [5,6,7,8] , [11,22,33,44] ];

         如何遍历

         先遍历总长度

          for(var i = 0 ; i<arr.length ; i++){

             在遍历数组里面的数组

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

                  console.log(arr[i][j]);

              }

          }

4.

如何获取二维数组中指定的数

          var index = arr[1][2] ; //7

        

          var index = arr[2][1] ; //22