Js中的数组
一、数组是什么
使用单独的变量名来存储一系列的值
二、数组可以干什么
存放内容
三、数组的使用
两种创建数组的方式
1》 构造函数的形式: new Array()
2》 字面量形式:[]
获取数组的长度
数组.length
获取数组中的某一个值
数组[0]
四、js 中的二维数组
格式:[
[]
[]
]
五、js 中的三维数组
格式:
[
[ [] ],
[ [] ],
[ [] ]
]
六、数组中的属性和方法
length 属性
方法:
concat() 连接两个或更多的数组,返回结果集
join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分割
pop() 删除并返回数组的最后一个元素
push() 向数组的末尾添加一个或更多元素,并返回新的长度
reverse() 颠倒数组中的元素顺序
shift() 删除并返回数组中的第一个元素
slice() 从某个已有的数组返回选定的元素----截取功能
sort() 对数组的元素进行排序
splice() 删除元素,并向数组添加新元素
toString() 把数组转为为字符串,并返回结果
unshift() 向数组的开头添加一个或更多元素,并返回新的长度
七、数组 算法 冒泡排序
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ width: 300px; height:300px; border:1px solid #ccc; text-align: center; line-height: 300px; font-size: 50px; } </style> </head> <body> <!-- 案例 类似于抽奖效果 开始--> <div id="box">米线</div> <input type="button" name="" id="start" value="开始" /> <input type="button" name="" id="stop" value="停止" /> <!-- 案例 类似于抽奖效果 结束--> <script type="text/javascript" src="script.js"> </script> </body> </html>
script.js
/************创建数组的形式*************/ //构造函数创建数组 /*var arr = new Array(); alert(arr)*/ //字面量创建数组 /*var arr = [1,2,3]; alert(arr)*/ /*var arr = ['张三',2,3,'js']; //下标从0 开始数 //alert(arr.length);//数组长度获取 //alert(arr[0]);//数组获取某一个值 for(var i = 0 ; i < arr.length ; i++ ){ alert(arr[i]); }*/ /***************案例:类似于抽奖效果***********************/ //1>先有一个数组 var arr =['米线','面条','盖饭','鱼香肉丝','宫保鸡丁','饼',’馒头‘] //2>点击开始按钮 启用定时器 //3>点击停止按钮 停止定时器 /*var arr =['米线','面条','盖饭','鱼香肉丝','宫保鸡丁','饼','馒头']; var start = document.getElementById('start'), stop = document.getElementById('stop'), box = document.getElementById('box'), index = 0;//计数器 start.onclick = function(){ window.timer = setInterval(function(){ index++ ; if(index > arr.length - 1){ index = 0; } box.innerHTML = arr[index]; },500) } stop.onclick = function(){ clearInterval(timer) }*/ /*************************js中的二维数组************************/ //回顾一维数组 /* var arr = ['a','?','$']; alert(arr[1]); */ //二维数组创建 /* var arr = ['地区',['你好','我很好']]; alert(arr[1][1]) */ /*************************js中的三维数组************************/ /* var arr = [ '天气',[ '晴天','雨天','雪天',['三维1','三维2'] ] ] alert(arr[1][3][0]) */ /********************数组中的属性和方法**************************/ //var arr = [1,2,3,'js']; //alert(arr.length);//length 属性 //数组中的方法 var arr = ['张三','王五','javascript','a','b']; var brr = ['李四']; var crr = arr.concat(brr); //连接两个或更多的数组,返回结果集 //alert(crr); var dstr = arr.join("--");//把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分割 //alert(dstr) var e = arr.pop(); //删除并返回数组的最后一个元素 //alert(e+'----'+arr); arr.push('java');//向数组的末尾添加一个或更多元素,并返回新的长度 //alert(arr) arr.reverse();//颠倒数组中的元素顺序 //alert(arr) var f = arr.shift();//删除并返回数组中的第一个元素 //alert(f); var g = arr.slice(0,2);//从某个已有的数组返回选定的元素 //参数1--代表下标位置 下标从0开始 //参数2--代表实际位置 实际从1开始数 //alert(g) arr.sort();//对数组的元素进行排序 //alert(arr) arr.splice(1,2,'****');//删除元素,并向数组添加新元素 //从下标1开始截取 数2个数 ,用*替换掉 //alert(arr) //alert(arr.toString());//把数组转为为字符串,并返回结果 alert(arr.unshift(111));//向数组的开头添加一个或更多元素,并返回新的长度 //alert(arr) /*****数组--冒泡排序***/ var arr1= [3,5,77,4,21,88,42]