这里写目录标题
一、数组
1.定义
- 通过类的实例化创建数组
var aList01 = new Array(1,2,3); - 直接通过量创建
var aList01 = [1,2,3];
2. 操作数组
使用这个数组操作:var aList02 = ["a",2,3];
- 获得数组的长度
alert(aList02.length); // 弹出3
// reverse(): 将数组反转
aList02.reverse();
alert(aList02); // 3,2,a
- 通过下标操作都一个数据
alert(aList02[0]); // 获取数组中第一个成员 a
- join()将数组成员拼接
var aList03 = ["a","b","v","a","b"]
// 数组本身不变,返回一个字符串,字符串是由指定的东西连接数组中的每一个数据
var sTr = aList03.join("-")
alert(sTr); // a-b-7-8-9-a-b
-
-
增加和删除成员
-
- push()和pop()
// push() : 往数组后面追加一个成员 aList02.push("c"); alert(aList02); // a,2,3,c // pop():删除一个成员 aList02.pop(); alert(aList02); // a,2,3
- unshift() 和shift()
// unshift() : 在数组前面增加成员 aList02.unshift("b"); alert(aList02); // b,a,2,3 // 从数组前面删除成员 aList02.shift(); alert(aList02); // a,2,3
- splice()
var aList03 = ["a","b","v","a","b"] // 从第二个元素开始 删除一个元素 增加 三个元素(7,8,9) // 即 删除 v 在往后面加三个元素 // 第一个参数:开始位置 // 第二个参数:是在开始位置删除的成员个数 // 第三个之后(包括第三个):是要增加的成员 aList03.splice(2,1,7,8,9) ; alert(aList03); // a,b,7,8,9,a,b
-
-
reverser()将数组反转
aList02.reverse();
alert(aList02); // 3,2,a
- 获取元素第一次出现的索引值
var aList03 = ["a","b","v","a","b"]
// 获取第一次出现的下标 从0开始
alert(aList03.indexOf("b")); // 1
3. 多维数组
-
多维数组值的是数组的成员也是数组的数组
-
实例
var aList = [[1,2,3,4,5],["a","b","c"],[6,7,8]]; alert(aList.length); // 3 alert(aList[0].length); // 5 alert(aList[1][0]); // a
二、循环
1. for 循环:
1.如果在循环的时候,最好不要直接将获取数组长度的length放到循环上,会影响性能,应为每次循环都要去读取
var aList = ["a","b","c","d"];
var iLen = aList.length; // 不要将 aList.length 直接放到循环上
for(var i=0;i<iLen;i++){
alert(aList[i]);
}
2. while循环
var i = 0;
while(i<8){
......
i++;
}
3.实例一:循环将数据放到页面上
-
动态的将数据放到页面中
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>将数据放到页面中</title> <script type="text/javascript"> window.onload = function(){ var oUl = document.getElementById('list'); var aList = ["美人鱼","疯狂动物城","魔兽","美国队长三","湄公河行动"]; var iLen = aList.length; var sTr = ""; for (var i=0;i<iLen;i++){ sTr += "<li>"+aList[i]+"</7li>" } // alert(sTr); oUl.innerHTML = sTr; } </script> <style type="text/css"> .list{ list-style: none; margin:50px auto 0; padding: 0px; width:300px; height:305px; } .list li{ height:60px; border-bottom: 1px dotted #000; font-size: 16px; line-height: 60px; text-indent: 60px; } </style> </head> <body> <ul class="list" id="list"> <li>美人鱼</li> <li>美人鱼</li> <li>美人鱼</li> <li>美人鱼</li> <li>美人鱼</li> </ul> </body> </html>
-
效果
3.实例二:数组去重
-
-
知识点:
-
- 获取下标
- 循环
-
- 原理:就如果出现元素的下标与他第一次出现的下标一样就将其存储在另外一个数组中
- 实例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>数组去重</title> <script type="text/javascript"> var aList = [1,2,3,4,5,6,7,1,1,1,2,2,5,5,4,