JS数组的应用二

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>

欢迎关注微信公众号：黑马金牌编程