Javascript中Array用法实例分析

这篇文章主要介绍了Javascript中Array用法,实例分析了javascript中数组的遍历、传值、比较等常用技巧,需要的朋友可以参考下

本文实例讲述了Javascript中Array用法。分享给大家供大家参考。具体分析如下：

JavaScript中的Array对象就是数组，首先是一个动态数组，而且是一个像C#、Java中“数组、List、HashMap/Dictionary”等的超强综合体。

Array数组

使用方式：

例1：

1. var citys = new Array(); 
2. //创建数组对象，无需初始化长度，动态  
3. citys[0] = '上海';  
4. citys[1] ='北京';  
5. citys[2] = '深圳'; 
6. for(var i=0; i< citys.length; i++){  
7. alert(citys[i]);  
8. } 

例2(推荐)：

1. var arr=[10,true,'哇咔咔'];  
2. for(var i=0;i<arr.length;i++){  
3. alert(arr[i]);  
4. } 

forin遍历Array数组

1. var arr=['哈尼族','壮族','满族','漂族'];  
2. for(var item in arr){  
3. alert(item+'===='+arr[item]);  
4. } 

Array键值对

使用方式

例如：

1. var arr=new Array();  
2. arr["name"]='Jack';  
3. arr["age"]=28;  
4. arr["gender"]='fale';  
5. arr["height"]=180;  
6. for(var item in arr){  
7. alert(item+'===='+arr[item]);  
8. } 

遍历Array键值对

forin循环

1. var arr={name:'James',age:28};  
2. for(var item in arr){  
3. alert(item+'==='+arr[item]);  
4. } 

通过对象.键

1. var arr={name:'James',age:28};  
2. alert(arr.name);  
3. alert(arr.age); 

方法传值

1. function f1(s){  
2. alert(s.name);  
3. alert(s.age);  
4. }  
5. f1({name:'Rose',age:20}); 

特殊的家伙

例1：

1. var arr=[{name:'James',age:19},{name:'Rose',age:18},{name:'Max',age:20}];  
2. for(var i=0;i<arr.length;i++){  
3. alert(arr[i].name+'==='+arr[i].age);  
4. } 

例2：

1. var code={name:'Max',children:[{name:'jack',age:20},{name:'rose',age:18}]};  
2. alert(code.name);  
3. for(var i=0;i<code.children.length;i++){  
4. alert(code.children[i].name+'>>'+code.children[i].age);  
5. } 
6. //当然forin也可以，但麻烦 
7. for(var item in code.children){  
8. alert(item+'>>'+code.children[item].name+'==='+code.children[item].age);  
9. } 

Array比较

自定义一个通用的比较方法

1. function max(arr,compare){  
2. var m=arr[0];  
3. for(var i=1;i<arr.length;i++){  
4. if(compare(arr[i],m)){  
5. m=arr[i];  
6. }  
7. }  
8. return m;  
9. } 
10. var s1=max([12,32,33,100,8],function(n1,n2){  
11. return n1>n2;  
12. });  
13. alert(s1); 
14. var s2=max(["aa","bbbb","ccc"],function(n1,n2){  
15. return n1.length>n2.length;  
16. }); 
17. alert(s2); 

Javascript中的比较方法sort()

例1：

1. var arr=[23,12,56,200,45];  
2. arr.sort(function(n1,n2){  
3. return n1>n2;  
4. });  
5. alert(arr); 
6. var arrStr=["aa","bbb","cccc"];  
7. arrStr.sort(function(n1,n2){  
8. return n1.length>n2.length;  
9. });  
10. alert(arrStr); 

例2：

1. var arr=[{name:'Bob',age:100},{name:'Tom',age:23},{name:'Rose',age:78}];  
2. arr.sort(function(n1,n2){  
3. return n1.age>n2.age;  
4. });  
5. for(var i=0;i<arr.length;i++){  
6. alert(arr[i].name);//Tom,Rose,Bob  
7. } 

希望本文所述对大家的javascript程序设计有所帮助。