JS数组的应用二

5.数组中新增元素

• 可以通过修length长度以及索引号增加数组元素

5.1通过修改length长度新增数组元素

可以通过修改length长度来实现数组扩容的目的
length属性是读写的

<script>//1.新增数组元素 修改lenvar arr &＃61; [&＃39;red&＃39;,&＃39;green&＃39;,&＃39;blue&＃39;];console.log(arr.length);arr.length &＃61; 5; //我们数组的长度修改为了5 里面应该有5个元素console.log(arr);console.log(arr[3]);console.log(arr[4]);</script>


• 其中索引号是4, 5, 6的空间没有给值,就是声明变量未给值,默认值就是undefined.

5.2通过修改数组索引新增数组元素

* 可以通过修改数组索引的方式追加数组元素
* 不能直接给数组名赋值&＃xff0c;否则会覆盖掉以前的数据


这种方式常用。

<script>//2.新增数组元素 修改索引号 追加数组元素var arr1 &＃61; [&＃39;red&＃39;,&＃39;green&＃39;,&＃39;blue&＃39;];arr1[3] &＃61; &＃39;pink&＃39;;console.log(arr1);arr1[4] &＃61; &＃39;hotpink&＃39;;console.log(arr1);arr1[0] &＃61; &＃39;yellow&＃39;; //这里是替换原来的数组元素console.log(arr1);arr1 &＃61; &＃39;有点意思&＃39;;console.log(arr1); //不要直接给 数组名赋值 否则里面的数组元素都没有了</script>


循环添加数组&＃xff1a;

新建一个数组&＃xff0c;里面存放10个整数( 1~10)
核心原理:使用循环来追加数组。
1、声明一个空数组arr。
2、循环中的计数器i可以作为数组元素存入。
3、由于数组的索引号是从0开始的&＃xff0c; 因此计数器从0开始更合适&＃xff0c;存入的数组元素要&＃43;1。

<script>var arr&＃61;[];for(var i &＃61; 0; i< 100; i&＃43;&＃43;){//arr &＃61; i; 不要直接给数组名赋值 否则以前的元素都没了arr[i]&＃61;i &＃43; 1;}console.log(arr);</script>


筛选数组案例&＃xff1a;

• 要求:将数组[2, 0,6, 1, 77,0, 52,0, 25, 7]中大于等于10的元素选出来,放入新数组。

案例分析&＃xff1a;

1、声明一个新的数组用于存放新数据newArr.

2、遍历原来的旧数组&＃xff0c; 找出大于等于10的元素。

3、依次追加给新数组newArr.

<script>//方法一var arr &＃61; [2, 0,6, 10,1, 77,0, 52,0, 25, 7];var newArr &＃61; [];var j &＃61; 0;for(var i &＃61;0;i<arr.length;i&＃43;&＃43; ){if(arr[i]>&＃61;10){//新数组应该从0开始 依次递增newArr[j]&＃61;arr[i];j&＃43;&＃43;;}}console.log(newArr);//方法二var arr&＃61;[2, 0,6, 10,1, 77,0, 52,0, 25, 7];var newArr &＃61; [];//刚开始 newArr.lengthfor(var i&＃61;0;i<arr.length;i&＃43;&＃43;){if(arr[i] >&＃61;10){//新数组索引号应该从0开始 依次递增newArr[newArr.length]&＃61;arr[i];}}console.log(newArr);</script>


数组案例&＃xff1a;

将数组[2,0,6,1,77,0,52&＃xff0c;0,25&＃xff0c;7]中的0去掉后&＃xff0c;形成一个不包含0的新数组。

案例分析&＃xff1a;
1、需要一个新数组用于存放筛选之后的数据。
2、遍历原来的数组&＃xff0c;把不是0的数据添加到新数组里面(此时要注意采用数组名&＃43;索引的格式接收数据)。
3、新数组里面的个数&＃xff0c; 用length 不断累加。

<script>var arr &＃61; [2,0,6,1,77,0,52,0,25,7];var newArr &＃61; [];for(var i&＃61;0;i<arr.length;i&＃43;&＃43;){if(arr[i] !&＃61; 0){newArr[newArr.length] &＃61; arr[i];}}console.log(newArr);</script>


数组翻转案例

案例分析

将数组[‘red’, ‘green’, ‘blue’,‘pink’, ‘purple’] 的内容反过来存放
*
1、声明一个新数组newArr
*
2、把旧数组索引号第4个取过来(arr . length - 1)&＃xff0c; 给新数组索引号第0个元素(newArr . length)
*
3、我们采取 递减的方式 i–

<script>//数组翻转var arr &＃61; [&＃39;red&＃39;, &＃39;green&＃39;, &＃39;blue&＃39;,&＃39;pink&＃39;, &＃39;purple&＃39;];var newArr &＃61; [];for(var i &＃61;arr.length -1; i>&＃61;0; i--){newArr[newArr.length] &＃61; arr[i];}console.log(newArr);</script>


数组排序&＃xff08;冒泡排序&＃xff09;

冒泡排序:是-种算法,把一系列的数据按照-定的顺序进行排列显示(从小到大或从大到小)。

例如,我们可以将数组[5, 4, 3, 2, 1]中的元素按照从小到大的顺序排序,输出: 1 ,2.3,4,5

<script>//冒泡排序var arr &＃61; [4,2,1,3,5,10];for(var i&＃61;0;i<&＃61;arr.length -1;i&＃43;&＃43;){ //外层循环管趟数for(var j&＃61;0;j<&＃61;arr.length-i-1;j&＃43;&＃43;){ //里面的循环管 每一趟的交换次数//内部交换2个变量的值 前一个和后一个数组元素相比较if(arr[j]>arr[j&＃43;1]){var temp &＃61; arr[j];arr[j]&＃61;arr[j&＃43;1];arr[j&＃43;1]&＃61;temp;}}}console.log(arr);</script>


欢迎关注微信公众号&＃xff1a;黑马金牌编程