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 相关文章推荐
jQuery选择器简明总结(含用法实例,一目了然)
Apr 25 Javascript
IE6 hack for js 集锦
Sep 23 Javascript
详谈JavaScript内存泄漏
Nov 14 Javascript
jquery复选框多选赋值给文本框的方法
Jan 27 Javascript
深入理解JavaScript系列(39):设计模式之适配器模式详解
Mar 04 Javascript
javascript操作Cookie(设置、读取、删除)方法详解
Mar 18 Javascript
javascript将DOM节点添加到文档的方法实例分析
Aug 04 Javascript
js调用屏幕宽度的简单方法
Nov 14 Javascript
Bootstrap3下拉菜单的实现
Feb 22 Javascript
React Native 环境搭建的教程
Aug 19 Javascript
Vue程序调试的方法
Jun 17 Javascript
vue或react项目生产环境去掉console.log的操作
Sep 02 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
JAVA/JSP学习系列之二
2006/10/09 PHP
Php做的端口嗅探器--可以指定网站和端口
2006/10/09 PHP
PHP curl_setopt()函数实例代码与参数分析
2011/06/02 PHP
thinkphp 手机号和用户名同时登录
2017/01/20 PHP
IE与Firefox下javascript getyear年份的兼容性写法
2007/12/20 Javascript
jQuery TextBox自动完成条
2009/07/22 Javascript
28个JS验证函数收集
2010/03/02 Javascript
jquery中文乱码的多种解决方法
2013/06/21 Javascript
jquery scroll()区分横向纵向滚动条的方法
2014/04/04 Javascript
浅谈Jquery中Ajax异步请求中的async参数的作用
2016/06/06 Javascript
jQuery实现查找最近父节点的方法
2016/06/23 Javascript
AngularJS入门之动画
2016/07/27 Javascript
node.js实现博客小爬虫的实例代码
2016/10/08 Javascript
微信小程序自定义对话框弹出和隐藏动画
2018/07/19 Javascript
vue基础之data存储数据及v-for循环用法示例
2019/03/08 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
2020/04/26 Javascript
VUE子组件向父组件传值详解(含传多值及添加额外参数场景)
2020/09/01 Javascript
详解Python中DOM方法的动态性
2015/04/11 Python
BP神经网络原理及Python实现代码
2018/12/18 Python
Python lxml解析HTML并用xpath获取元素的方法
2019/01/02 Python
python 实现二维列表转置
2019/12/02 Python
使用python turtle画高达
2020/01/19 Python
Python脚本去除文件的只读性操作
2020/03/05 Python
如何在mac下配置python虚拟环境
2020/07/06 Python
python3.6中anaconda安装sklearn踩坑实录
2020/07/28 Python
电子商务应届生求职信
2013/11/16 职场文书
婚纱店策划方案
2014/05/22 职场文书
家庭贫困证明范本(经典版)
2014/09/22 职场文书
模范教师材料大全
2014/12/16 职场文书
技术负责人岗位职责
2015/02/10 职场文书
春秋淹城导游词
2015/02/11 职场文书
2015年五一劳动节演讲稿
2015/03/18 职场文书
2015年安全生产月工作总结
2015/07/27 职场文书
浅谈Redis存储数据类型及存取值方法
2021/05/08 Redis
Nginx location 和 proxy_pass路径配置问题小结
2021/09/04 Servers
如何用H5实现好玩的2048小游戏
2022/07/23 HTML / CSS