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框架的入口函数,隐式迭代,排他思想,链式编程,样式操作,属性操作,事件监听