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控制左右箭头滚动图片列表的实例
May 20 Javascript
JS字符串处理实例代码
Aug 05 Javascript
js带按钮的提示框可供选择示例代码
Sep 17 Javascript
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
Nov 05 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
Jul 18 Javascript
JS闭包、作用域链、垃圾回收、内存泄露相关知识小结
May 16 Javascript
JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
Jun 17 Javascript
jQuery和CSS仿京东仿淘宝列表导航菜单
Jan 04 Javascript
BootStrap selectpicker后台动态绑定数据的方法
Jul 28 Javascript
vue 2.0项目中如何引入element-ui详解
Sep 06 Javascript
jQuery pagination分页示例详解
Oct 23 jQuery
微信小程序如何利用getCurrentPages进行页面传值
Jul 01 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学习资源和链接.
2006/12/05 PHP
PHP5中的时间相差8小时的解决办法
2008/03/28 PHP
php中http_build_query 的一个问题
2012/03/25 PHP
php获取数组中重复数据的两种方法
2013/06/28 PHP
php随机生成数字字母组合的方法
2015/03/18 PHP
php命名空间设计思想、用法与缺点分析
2019/07/17 PHP
如何用javascript判断录入的日期是否合法
2007/01/08 Javascript
jQuery弹出层插件简化版代码下载
2008/10/16 Javascript
javascript在事件监听方面的兼容性小结
2010/04/07 Javascript
js DOM的学习笔记
2011/12/22 Javascript
原生JS可拖动弹窗效果实例代码
2013/11/09 Javascript
jQuery实现的简单分页示例
2016/06/01 Javascript
bootstrap网格系统使用方法解析
2017/01/13 Javascript
nodejs socket实现的服务端和客户端功能示例
2017/06/02 NodeJs
深入理解vue.js中$watch的oldvalue与newValue
2017/08/07 Javascript
详解使用React.memo()来优化函数组件的性能
2019/03/19 Javascript
[01:11:11]Alliance vs RNG 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
python中迭代器(iterator)用法实例分析
2015/04/29 Python
用Python实现一个简单的能够上传下载的HTTP服务器
2015/05/05 Python
python 构造三维全零数组的方法
2018/11/12 Python
Selenium启动Chrome时配置选项详解
2020/03/18 Python
在python3.64中安装pyinstaller库的方法步骤
2020/06/02 Python
Keras - GPU ID 和显存占用设定步骤
2020/06/22 Python
scrapy框架携带cookie访问淘宝购物车功能的实现代码
2020/07/07 Python
python 利用opencv实现图像网络传输
2020/11/12 Python
详解python 条件语句和while循环的实例代码
2020/12/28 Python
Opencv 图片的OCR识别的实战示例
2021/03/02 Python
通过CSS3的object-fit来调整图片适配尺寸的技巧简介
2016/02/27 HTML / CSS
土耳其时尚购物网站:Morhipo
2017/09/04 全球购物
新秀丽官方旗舰店:Samsonite拉杆箱、双肩包、皮具
2018/03/05 全球购物
存储过程的优缺点是什么
2015/01/10 面试题
会计学个人自荐信模板
2013/12/13 职场文书
体育教师自我鉴定
2014/02/12 职场文书
关于爱国的演讲稿
2014/05/07 职场文书
新生开学寄语大全
2015/05/28 职场文书
信息技术课教学反思
2016/02/23 职场文书