JS基础第二课（数组篇）

原创

申小兮

发布于 2023-04-11 08:31:09

3380

发布于 2023-04-11 08:31:09

文章被收录于专栏：前端开发基础前端开发基础

本章主题：数组（本章内容不多，请小伙伴们细品咯🧐）

一、数组的性质

1、概念

一组数据的集合，其中每个数据都被称为元素，且可以存放任意类型的元素

2、创建数组的两种方式

（1）方式一：var arr = new Array()//arr变量名，Array()方法

<script>
        var arr = new Array()
        console.log(arr);
</script>

（2）方法二：var arr = [1,23,'字符串',true] //数组对应中括号[]，一个数组可以同时存放任意类型的元素

<script>
        var arr=[1,23,'字符串',true]
        console.log(arr);
</script>

二、访问数组元素

1、索引号（下标）：从0开始，元素序号

2、语法：数组名[索引]

3、超出索引：返回undefined

<script>
        var arr=[12,23,'字符串',true]
        console.log(arr[0]);
        console.log(arr[4]);
</script>

三、遍历数组

1、分析：把数组元素从头到尾访问一遍，仅索引不同，编写代码重复，因此用到for循环

2、数组长度：数组名.length

<script>
        var arr=[1,23,'字符串',true]
        for (var i = 0; i < arr.length; i++) {
            console.log(arr[i]);
        }
</script>

四、数组新增元素

当新增元素有跳位添加的时候，数组会跳过未定义的索引值，以最后的索引+1做为数组的实际长度

<script>
        var arr=[1,23,'字符串',true]
        arr[5]=666
        console.log(arr);
</script>

五、翻转数组

数组由原来的1，2，3，4，5顺序变成5，4，3，2，1

思路：反过来遍历数组

<script>
        var arr =[1,2,3,4,5]
        var newArr=[]
        for (var i = arr.length-1; i>=0; i--) {
            console.log(arr[i]);
            newArr[newArr.length]=arr[i]
        }
        console.log(newArr);
</script>

六、冒泡排序

1、比较相邻两个元素，当前一个比后一个大时，两个元素交换位置

2、每比较完一轮时，最后一个元素是最大的，待下一轮的时候，就不需要参与比较

3、举例子：将[22,34,28,100,234,1]这串数组，由小到大重新排序

<script>
        var arr=[22,34,28,100,234,1]
        for (var i = 0; i < arr.length-1; i++) {//外层的for循环可以理解为本次事件需要几轮
            for (var j = 0; j < arr.length-1-i; j++) {//内层的for循环可以理解为一轮需要几次
                if (arr[j]>arr[j+1]) {
                    var num =arr[j+1]
                    arr[j+1]=arr[j]
                    arr[j]=num
                }
            }
        }
        console.log(arr);
</script>