Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 js数组声明与数组遍历的方法

js数组声明与数组遍历的方法

发布时间:2015-07-10   编辑:www.jquerycn.cn
本文介绍了js数组声明的方法,js中创建数组与遍历数组的例子,有需要的朋友参考下。

通过实例学习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.jquerycn.cn</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数组的声明与数组遍历,比较简单,希望大家牢固掌握。

您可能感兴趣的文章:
js数组声明与数组遍历的方法
JS array 数组用法详解
php遍历数组之list foreach each用法总结
php数组遍历方法详解(for foreach list each key)
php遍历数组list foreach each方法实例
Javascript技巧之不要用for in语句对数组进行遍历
js split函数用法示例
js数组操作(js数组创建、js数组访问等)
php遍历数组的几种方法(for foreach list each while)
php遍历数组 list foreach each方法总结

关键词: js数组  遍历数组  数组遍历   
[关闭]