一、数组及操作方法
数组就是一组数据的集合,javascript中,数组里面的数据可以是不同类型的。
1、定义数组的方法
//对象的实例创建
var aList = new Array(1,2,3);
//直接量创建
var aList2 = [1,2,3,'asd'];
2、操作数组中数据的方法
1、获取数组的长度:aList.length;
var aList = [1,2,3,4];
alert(aList.length); // 弹出4
2、用下标操作数组的某个数据:aList[0];
var aList = [1,2,3,4];
alert(aList[0]); // 弹出1
【注】:下标从0开始。
3、join() 将数组成员通过一个分隔符合并成字符串
var aList = [1,2,3,4];
alert(aList.join('-')); // 弹出 1-2-3-4
【注】:join()需要一个返回值
4、push() 和 pop() 从数组最后增加成员或删除成员
var aList = [1,2,3,4];
aList.push(5);
alert(aList); //弹出1,2,3,4,5
aList.pop();
alert(aList); // 弹出1,2,3,4
5、unshift()和 shift() 从数组前面增加成员或删除成员
var aList = [1,2,3,4];
aList.unshift(5);
alert(aList); //弹出5,1,2,3,4
aList.shift();
alert(aList); // 弹出1,2,3,4
6、reverse() 将数组反转
var aList = [1,2,3,4];
aList.reverse();
alert(aList); // 弹出4,3,2,1
7、indexOf() 返回数组中元素第一次出现的索引值
var aList = [1,2,3,4,1,3,4];
alert(aList.indexOf(1));
[注]:o要大写。
8、splice() 在数组中增加或删除成员
var aList = [1,2,3,4];
aList.splice(2,1,7,8,9); //从第2个元素开始,删除1个元素,然后在此位置增加'7,8,9'三个元素
alert(aList); //弹出 1,2,7,8,9,4
3、多维数组
多维数组指的是数组的成员也是数组的数组。
操作与一维数组基本一致。
var aList = [[1,2,3,4], ['a','b','c'], [6,7,8]];
// 二维数组的长度:弹出3
alert(aList.length);
// 第一个数组的长度:弹出4
alert(aList[0].length);
// 取第二个数组的第一个值:弹出a
alert(aList[1][0]);
二、循环语句
1、for循环
for(var i=0;i
{
......
}
课堂练习
1、将数组中的数据分别用弹框弹出
var aList = ['a','b','c','d'];
for (var i=0; i
alert(aList[i]);
}
2、将数组中的数据放入到页面中的列表中
Documentwindow.onload = function(){
// 获取ul
var oUl = document.getElementById('list');
var aList = ['美人鱼', '疯狂动物城', '魔兽', '美国队长3', '湄公河行动'];
var iLen = aList.length;
// 初始化字符串
var sTr = '';
// 拼接字符串
for (var i=0; i
//
......sTr += "
" + aList[i] + "";}
// 插入到ul中
oUl.innerHTML = sTr;
}
.list{
list-style: none;
margin: 50px auto 0;
padding: 0;
width: 300px;
height: 305px;
}
.list li{
height: 60px;
border-bottom: 1px dotted #000;
line-height: 60px;
font-size: 16px;
}
2、while循环
var i=0;
while(i<8){
......
i++;
}
在javascript比较少用。
3、数组去重
var aList = [2,3,4,5,6,7,8,3,4,5,2,7,8,9,3,4,5,6,3,4,8,9]
// 定义新数组存放不重复的数组
var aList2 = [];
// 长度
var iLen = aList.length;
for (var i=0; i
// 如果aList[i]第一次出现的下标就是i,那么说明是第一次出现,存放在aList2尾部;否则丢弃。
if(aList.indexOf(aList[i]) == i){
aList2.push(aList[i]);
}
}
alert(aList2);