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操作iframe父子窗体示例
May 22 Javascript
JS中的THIS和WINDOW.EVENT.SRCELEMENT详解
May 25 Javascript
javascript常用的方法分享
Jul 01 Javascript
AngularJS基础 ng-paste 指令简单示例
Aug 02 Javascript
JavaScript轮播图简单制作方法
Feb 20 Javascript
JS简单获取当前日期和农历日期的方法
Apr 17 Javascript
vue mintui-Loadmore结合实现下拉刷新和上拉加载示例
Oct 12 Javascript
vue的toast弹窗组件实例详解
May 14 Javascript
Vue+Mock.js模拟登录和表格的增删改查功能
Jul 26 Javascript
vue-router的使用方法及含参数的配置方法
Nov 13 Javascript
Nuxt.js之自动路由原理的实现方法
Nov 21 Javascript
vue改变对象或数组时的刷新机制的方法总结
Apr 24 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中遇到的时区问题解决方法
2015/07/23 PHP
PHP切割整数工具类似微信红包金额分配的思路详解
2019/09/18 PHP
java script编程起步(第三课)
2007/01/10 Javascript
js和as的稳定传值问题解决
2013/07/14 Javascript
利用js(jquery)操作Cookie的方法说明
2013/12/19 Javascript
Highcharts 多个Y轴动态刷新数据的实现代码
2016/05/28 Javascript
微信小程序 富文本转文本实例详解
2016/10/24 Javascript
微信小程序开发之圆形菜单 仿建行圆形菜单实例
2016/12/12 Javascript
vuejs实现ready函数加载完之后执行某个函数的方法
2018/08/31 Javascript
详解Angular5/Angular6项目如何添加热更新(HMR)功能
2018/10/10 Javascript
详解基于node.js的脚手架工具开发经历
2019/01/28 Javascript
解决node.js含有%百分号时发送get请求时浏览器地址自动编码的问题
2019/11/20 Javascript
[01:11]辉夜杯战队访谈宣传片—CDEC.Y
2015/12/26 DOTA
[32:47]完美世界DOTA2联赛 GXR vs IO 第二场 11.07
2020/11/09 DOTA
跟老齐学Python之编写类之二方法
2014/10/11 Python
python获取目录下所有文件的方法
2015/06/01 Python
python实现搜索本地文件信息写入文件的方法
2016/02/22 Python
Python异常对代码运行性能的影响实例解析
2018/02/08 Python
使用Python处理Excel表格的简单方法
2018/06/07 Python
python多进程并行代码实例
2019/09/30 Python
keras分类模型中的输入数据与标签的维度实例
2020/07/03 Python
html5 学习简单的拾色器
2010/09/03 HTML / CSS
HTML5实现可缩放时钟代码
2017/08/28 HTML / CSS
澳大利亚设计的婴儿和女孩的衣服:Oobi
2018/12/16 全球购物
美国翻新电子产品商店:The Store
2019/10/08 全球购物
abstract class和interface有什么区别
2013/08/04 面试题
经济系大学生求职信
2013/10/01 职场文书
大学本科毕业生求职信范文
2013/12/18 职场文书
文明市民先进事迹
2014/05/15 职场文书
委托书怎么写
2014/07/31 职场文书
法定代表人资格证明书
2014/09/11 职场文书
无子女夫妻离婚协议书(4篇)
2014/10/20 职场文书
大专护理专业自荐信
2015/03/25 职场文书
聚众斗殴罪辩护词
2015/05/21 职场文书
晚会主持人开场白台词
2015/05/28 职场文书
Mybatis是这样防止sql注入的
2021/12/06 Java/Android