JS基础第二课(数组篇)

100 阅读1分钟

本章主题:数组(本章内容不多,请小伙伴们细品咯🧐)

一、数组的性质

1、概念:一组数据的集合,其中每个数据都被称为元素,且可以存放任意类型的元素
2、创建数组的两种方式
(1)方式一:var arr = new Array()//arr变量名,Array()方法

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

image.png

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

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

image.png

二、访问数组元素

1、索引号(下标):从0开始,元素序号
2、语法:数组名[索引]
3、超出索引:返回undefined

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

image.png

三、遍历数组

1、分析:把数组元素从头到尾访问一遍,仅索引不同,编写代码重复,因此用到for循环
2、数组长度: 数组名.length

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

image.png

四、数组新增元素

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

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

image.png

 五、翻转数组

数组由原来的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>

image.png

 六、冒泡排序

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>

image.png