JS基础第二课(数组篇)

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

一、数组的性质

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>

JS及JQuery框架 文章被收录于专栏

JavaScript的基本语法(变量、数据类型、运算符等等),流程控制(顺序、分支、循环),数组,函数(作用域、预解析),对象(自定义、内置),DOM(节点操作、获取元素),BOM(定时器、回调函数、同步异步) JQuery框架的入口函数,隐式迭代,排他思想,链式编程,样式操作,属性操作,事件监听

全部评论
感谢大佬的认真分享
点赞 回复 分享
发布于 2022-08-30 15:17 陕西

相关推荐

点赞 评论 收藏
分享
评论
1
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务