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 页面输出值
Nov 30 Javascript
8个超棒的学习 jQuery 的网站 推荐收藏
Apr 02 Javascript
jQuery侧边栏随窗口滚动实现方法
Mar 04 Javascript
JavaScript中用sort()方法对数组元素进行排序的操作
Jun 09 Javascript
javascript实现html页面之间参数传递的四种方法实例分析
Dec 15 Javascript
AngularJS中监视Scope变量以及外部调用Scope方法
Jan 23 Javascript
JavaScript中将数组进行合并的基本方法讲解
Mar 07 Javascript
jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)
Apr 08 Javascript
javascript之IE版本检测超简单方法
Aug 20 Javascript
在DWR中实现直接获取一个JAVA类的返回值的两种方法
Dec 25 Javascript
bootstrap fileinput 上传插件的基础使用
Feb 17 Javascript
小程序实现搜索框
Jun 19 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制作的意见反馈表源码
2007/03/11 PHP
php smarty函数扩展
2010/03/15 PHP
php中global和$GLOBALS[]的分析之一
2012/02/02 PHP
PHP中如何判断AJAX提交的数据
2012/02/05 PHP
php中长文章分页显示实现代码
2012/09/29 PHP
php+curl 发送图片处理代码分享
2015/07/09 PHP
php禁用函数设置及查看方法详解
2016/07/25 PHP
浅谈PHP中关于foreach使用引用变量的坑
2016/11/14 PHP
Yii框架实现图片上传的方法详解
2017/05/20 PHP
通过JAVASCRIPT读取ASP设定的COOKIE
2006/11/24 Javascript
javascript 获取select下拉列表值的代码
2009/09/07 Javascript
js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
2013/01/24 Javascript
jQuery实现简单滚动动画效果
2016/04/07 Javascript
在线引用最新jquery文件的实现方法
2016/08/26 Javascript
RequireJS 依赖关系的实例(推荐)
2017/01/21 Javascript
vue-resouce设置请求头的三种方法
2017/09/12 Javascript
微信小程序API—获取定位的详解
2019/04/30 Javascript
JavaScript遍历查找数组中最大值与最小值的方法示例
2019/05/24 Javascript
ES6中异步对象Promise用法详解
2019/07/31 Javascript
vue中组件通信详解(父子组件, 爷孙组件, 兄弟组件)
2020/07/27 Javascript
Python Queue模块详解
2014/11/30 Python
《Python之禅》中对于Python编程过程中的一些建议
2015/04/03 Python
Python中模块string.py详解
2017/03/12 Python
python读取TXT每行,并存到LIST中的方法
2018/10/26 Python
使用 Python 处理 JSON 格式的数据
2019/07/22 Python
python模块和包的应用BASE_PATH使用解析
2019/12/14 Python
Python-for循环的内部机制
2020/06/12 Python
python 使用cycle构造无限循环迭代器
2020/12/02 Python
护理毕业生自我鉴定
2014/02/11 职场文书
教室标语大全
2014/06/21 职场文书
银行求职自荐书
2014/06/25 职场文书
2014年村支部书记四风对照检查材料思想汇报
2014/10/02 职场文书
2014年统战工作总结
2014/12/09 职场文书
放弃遗产继承公证书
2015/01/26 职场文书
车辆管理制度范本
2015/08/05 职场文书
开网店计划分析
2019/07/30 职场文书