通过实例学习js数组创建与遍历的方法。
例1,js数组定义与数组遍历。
复制代码 代码示例:
<script type = 'text/
javascript'>
//用
构造函数形式定义数组;
var arr = Array('a','b','c');
document.write(arr.length+'<br/>');
document.write(arr+'<br/>');
//for循环
for(var i=0;i<arr.length;i++){
document.write(arr[i]+'<br/>');
}
//while循环
var j=0;
while(j<arr.length){
document.write(arr[j]+'<br/>');
j++;
}
//for...in遍历数组,x代表数组的所有下表。
for(x in arr){
document.write(arr[x]+'<br/>');
}
//嵌套数组
var arr3 = new Array(['濠河','狼山','军山','园博园'],['白云山','越秀山','天河体育中心'],['峨眉山','九寨沟','乐山大佛']);
for(i=0;i<arr3.length;i++){
document.write(arr3[i]+'<br/>');
}
</script>
例2,js数组遍历的小例子。
复制代码 代码示例:
<script type="text/javascript">
var x;
var mycar = new Array();
mycar[0] = "First";
mycar[1] = "Second";
mycar[2] = "Third";
for (x in mycar)
{
document.write(mycar[x] + "<br />");
}
</script>
JavaScript For...In 声明
For...In 声明用于对数组或者对象的属性进行循环操作。
for ... in 循环中的代码每执行一次,就会对数组的元素或者对象的属性进行一次操作。
语法:for (变量 in 对象){ 在此执行代码}
“变量”用来指定变量,指定的变量可以是数组元素,也可以是对象的属性。
例3,借助jquery遍历数组。
复制代码 代码示例:
$(function(){
var tbody = "";
//------------遍历数组 .each的使用-------------
var anArray = ['one','two','three'];
$("#result").html("------------遍历数组 .each的使用-------------");
$.each(anArray,function(n,value) {
alert(n+' '+value);
var trs = "";
trs += "<tr><td>" +value+"</td></tr>";
tbody += trs;
});
$("#project").append(tbody);
});
例4,纯js代码遍历数组。
复制代码 代码示例:
<script>
var obj = {"player_id":"GS001","event_id":"1","destroy":"97%"};
var props = "";
for(var p in obj){
if(typeof(obj[p])=="function"){
obj[p]();
}else{
props+= p + "=" + obj[p] + " ";
}
}
alert(props);
</script>
例5,js数组遍历的实现代码。
js数组遍历
复制代码 代码示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>数组遍历_www.jb200.com</title>
<script type ="text/javascript">
function startnow()
{
var arr=[11,12,13,14,[[21,22],[23,24],[25,26],["www","eee"],["aaa","bbb"]]];
alert(arr[4][4][1]);
}
</script>
</head>
<body>
<a href="script.html" onclick="startnow(); return false">hello</a>
<div id="div1"></div>
</body>
</html>
输出:bbb
alert(arr[4]);//输出:5
alert(arr[4][4]);//输出:2
以上通过五个实例,介绍了js数组的创建与遍历的方法,js数组的声明与数组遍历,比较简单,希望大家牢固掌握。