Javascript中Array用法实例分析


Posted in Javascript onJune 13, 2015

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

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

Array数组

使用方式:

例1:

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

例2(推荐):

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

forin遍历Array数组

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

Array键值对

使用方式

例如:

var arr=new Array(); 
arr["name"]='Jack'; 
arr["age"]=28; 
arr["gender"]='fale'; 
arr["height"]=180; 
for(var item in arr){ 
  alert(item+'===='+arr[item]); 
}

遍历Array键值对

forin循环

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

通过对象.键

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

方法传值

function f1(s){ 
  alert(s.name); 
  alert(s.age); 
} 
f1({name:'Rose',age:20});

特殊的家伙

例1:

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

例2:

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

Array比较

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

function max(arr,compare){ 
  var m=arr[0]; 
  for(var i=1;i<arr.length;i++){ 
 if(compare(arr[i],m)){ 
   m=arr[i]; 
 } 
  } 
  return m; 
}
var s1=max([12,32,33,100,8],function(n1,n2){ 
  return n1>n2; 
}); 
alert(s1);
var s2=max(["aa","bbbb","ccc"],function(n1,n2){ 
  return n1.length>n2.length; 
});
alert(s2);

Javascript中的比较方法sort()

例1:

var arr=[23,12,56,200,45]; 
arr.sort(function(n1,n2){ 
  return n1>n2; 
}); 
alert(arr);
var arrStr=["aa","bbb","cccc"]; 
arrStr.sort(function(n1,n2){ 
  return n1.length>n2.length; 
}); 
alert(arrStr);

例2:

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

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

Javascript 相关文章推荐
js或者jquery判断图片是否加载完成实现代码
Mar 20 Javascript
js编码、解码函数介绍及其使用示例
Sep 05 Javascript
用JS实现3D球状标签云示例代码
Dec 01 Javascript
jQuery插件开发的五种形态小结
Mar 04 Javascript
动态加载JavaScript文件的两种方法
Apr 22 Javascript
jQuery 跨域访问解决原理案例详解
Jul 09 Javascript
js实现加载更多功能实例
Oct 27 Javascript
微信小程序实战之自定义抽屉菜单(7)
Apr 18 Javascript
bootstrap 路径导航 分页 进度条的实例代码
Aug 06 Javascript
微信小程序页面渲染实现方法
Nov 06 Javascript
vue 通过绑定事件获取当前行的id操作
Jul 27 Javascript
JavaScript的垃圾回收机制与内存管理
Aug 06 Javascript
Javascript中arguments用法实例分析
Jun 13 #Javascript
Javascript中String的常用方法实例分析
Jun 13 #Javascript
Javascript中的方法和匿名方法实例详解
Jun 13 #Javascript
jquery实现简单的自动播放幻灯片效果
Jun 13 #Javascript
jquery实现简单手风琴菜单效果实例
Jun 13 #Javascript
jQuery实现的五子棋游戏实例
Jun 13 #Javascript
JavaScript合并两个数组并去除重复项的方法
Jun 13 #Javascript
You might like
深入php socket的讲解与实例分析
2013/06/13 PHP
IE中createElement需要注意的一个问题
2010/07/13 Javascript
ListBox实现上移,下移,左移,右移的简单实例
2014/02/13 Javascript
jQuery 浮动导航菜单适合购物商品类型的网站
2014/09/09 Javascript
原生javascript实现DIV拖拽并计算重复面积
2015/01/02 Javascript
实现无刷新联动例子汇总
2015/05/20 Javascript
JavaScript开发Chrome浏览器扩展程序UI的教程
2016/05/16 Javascript
JS动态计算移动端rem的解决方案
2016/10/14 Javascript
Angular下H5上传图片的方法(可多张上传)
2017/01/09 Javascript
angular2 ng build部署后base文件路径问题详细解答
2017/07/15 Javascript
vue的常用组件操作方法应用分析
2018/04/13 Javascript
layer.open关闭父窗口 以及调用父页面的方法
2018/08/17 Javascript
no-vnc和node.js实现web远程桌面的完整步骤
2019/08/11 Javascript
浅谈bootstrap layer.open中end的使用方法
2019/09/12 Javascript
关于layui toolbar和template的结合使用方法
2019/09/19 Javascript
element-ui 文件上传修改文件名的方法示例
2019/11/05 Javascript
以视频爬取实例讲解Python爬虫神器Beautiful Soup用法
2016/01/20 Python
Python调用C# Com dll组件实战教程
2017/10/12 Python
python 动态加载的实现方法
2017/12/22 Python
python实现人脸识别经典算法(一) 特征脸法
2018/03/13 Python
python反编译学习之字节码详解
2019/05/19 Python
Python+numpy实现矩阵的行列扩展方式
2019/11/29 Python
Python Numpy,mask图像的生成详解
2020/02/19 Python
Python实现获取当前目录下文件名代码详解
2020/03/10 Python
Python实现从N个数中找到最大的K个数
2020/04/02 Python
Python openpyxl模块实现excel读写操作
2020/06/30 Python
django中ImageField的使用详解
2020/12/21 Python
谈一谈HTML5本地存储技术
2016/03/02 HTML / CSS
AmazeUI中模态框的实现
2020/08/19 HTML / CSS
Abbacino官网:包、钱包和女士配饰
2019/04/15 全球购物
俄罗斯购买内衣网站:Trusiki
2020/08/22 全球购物
广州地球村科技数据库题目
2016/04/25 面试题
创业计划书中包含的9个方面
2013/12/26 职场文书
2014幼儿园卫生保健工作总结
2014/12/05 职场文书
教师岗位职责范本
2015/04/02 职场文书
银行求职信怎么写
2019/06/20 职场文书