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]