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 相关文章推荐
在chrome中window.onload事件的一些问题
Mar 01 Javascript
jquery放大镜效果超漂亮噢
Nov 15 Javascript
JS中的异常处理方法分享
Dec 22 Javascript
jquery实现简单实用的打分程序实例
Jul 23 Javascript
JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解
Aug 06 Javascript
Bootstrap 组件之按钮(二)
May 11 Javascript
微信小程序城市定位的实现实例(获取当前所在国家城市信息)
May 17 Javascript
详解javascript常用工具类的封装
Jan 30 Javascript
Koa从零搭建到Api实现项目的搭建方法
Jul 30 Javascript
JavaScript直接调用函数与call调用的区别实例分析
May 22 Javascript
微信小程序订阅消息(java后端实现)开发
Jun 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
同台服务器使用缓存APC效率高于Memcached的演示代码
2010/02/16 PHP
php 中的4种标记风格介绍
2012/05/10 PHP
单台服务器的PHP进程之间实现共享内存的方法
2014/06/13 PHP
什么是PHP文件?如何打开PHP文件?
2017/06/27 PHP
PHP实现的猴王算法(猴子选大王)示例
2018/04/30 PHP
PHP MVC框架中类的自动加载机制实例分析
2019/09/18 PHP
Javascript 实现的数独解题算法网页实例
2013/10/15 Javascript
JavaScript中的ParseInt(&quot;08&quot;)和“09”返回0的原因分析及解决办法
2016/05/19 Javascript
原生js实现ajax方法(超简单)
2016/09/20 Javascript
实例解析angularjs的filter过滤器
2016/12/14 Javascript
angular6 利用 ngContentOutlet 实现组件位置交换(重排)
2018/11/02 Javascript
微信小程序带动画弹窗组件使用方法详解
2018/11/27 Javascript
详解vue中多个有顺序要求的异步操作处理
2019/10/29 Javascript
[00:35]2016完美“圣”典风云人物:冷冷宣传片
2016/12/08 DOTA
python字典排序实例详解
2015/05/20 Python
Python使用QQ邮箱发送Email的方法实例
2017/02/09 Python
Php多进程实现代码
2018/05/07 Python
python远程连接服务器MySQL数据库
2018/07/02 Python
python将一组数分成每3个一组的实例
2018/11/14 Python
对python中词典的values值的修改或新增KEY详解
2019/01/20 Python
django之导入并执行自定义的函数模块图解
2020/04/01 Python
Django模板报TemplateDoesNotExist异常(亲测可行)
2020/12/18 Python
VICHY薇姿美国官方网站:欧洲药房第一的抗衰老品牌
2017/11/22 全球购物
购买英国原创艺术:Art Gallery
2018/08/25 全球购物
Ray-Ban雷朋西班牙官网:全球领先的太阳眼镜品牌
2018/11/28 全球购物
香港连卡佛百货官网:Lane Crawford
2019/09/04 全球购物
美国宠物护理专家:Revival Animal Health
2020/01/05 全球购物
销售冠军获奖感言
2014/02/03 职场文书
工作时间上网检讨书
2014/02/03 职场文书
2015年教师自我评价范文
2015/03/04 职场文书
2015年超市员工工作总结
2015/05/04 职场文书
放牛班的春天观后感
2015/06/01 职场文书
2015年女工委工作总结
2015/07/27 职场文书
工作感言一句话
2015/08/01 职场文书
5个实用的JavaScript新特性
2022/06/16 Javascript
CSS中使用grid布局实现一套模板多种布局
2022/07/15 HTML / CSS