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 相关文章推荐
pjblog中的UBBCode.js
Apr 25 Javascript
javascript 关闭IE6、IE7
Jun 01 Javascript
javascript Demo模态窗口
Dec 06 Javascript
Javascript四舍五入Math.round()与Math.pow()使用介绍
Dec 27 Javascript
JavaScript中的console.dir()函数介绍
Dec 29 Javascript
Jquery实现弹性滑块滑动选择数值插件
Aug 08 Javascript
使用Promise解决多层异步调用的简单学习心得
May 17 Javascript
JS文件中加载jquery.js的实例代码
May 05 jQuery
jQuery对底部导航进行跳转并高亮显示的实例代码
Apr 23 jQuery
基于Taro的微信小程序模板消息-获取formId功能模块封装实践
Jul 15 Javascript
Vue学习之常用指令实例详解
Jan 06 Javascript
基于javascript canvas实现五子棋游戏
Jul 08 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实现时间轴函数代码
2011/10/08 PHP
php缩放图片(根据宽高的等比例缩放)实例介绍
2013/06/09 PHP
smarty基础之拼接字符串的详解
2013/06/18 PHP
PHP实现通过中文字符比率来判断垃圾评论的方法
2014/10/20 PHP
PHP判断上传文件类型的解决办法
2015/10/20 PHP
详解PHP中的 input属性(隐藏 只读 限制)
2017/08/14 PHP
Javascript解决常见浏览器兼容问题的12种方法
2010/01/04 Javascript
Jquery中children与find之间的区别详细解析
2013/11/29 Javascript
浅析jQuery1.8的几个小变化
2013/12/10 Javascript
比较不错的JS/JQuery显示或隐藏文本的方法
2014/02/13 Javascript
jQuery 1.9移除了$.browser可以使用$.support来替代
2014/09/03 Javascript
AngularJS优雅的自定义指令
2016/07/01 Javascript
vue2.0+vue-dplayer实现hls播放的示例
2018/03/02 Javascript
webpack4 css打包压缩问题的解决
2018/05/18 Javascript
vue改变对象或数组时的刷新机制的方法总结
2019/04/24 Javascript
微信小程序npm引入vant-weapp的踩坑记录
2019/08/01 Javascript
基于wxpython实现的windows GUI程序实例
2015/05/30 Python
Python实现绘制双柱状图并显示数值功能示例
2018/06/23 Python
Python动态导入模块的方法实例分析
2018/06/28 Python
python在回调函数中获取返回值的方法
2019/02/22 Python
Python简直是万能的,这5大主要用途你一定要知道!(推荐)
2019/04/03 Python
Python socket处理client连接过程解析
2020/03/18 Python
解决pyPdf和pyPdf2在合并pdf时出现异常的问题
2020/04/03 Python
AE美国鹰日本官方网站: American Eagle Outfitters
2016/12/10 全球购物
美国男女折扣服饰百货连锁店:Stein Mart
2017/05/02 全球购物
德国游戏机商店:Konsolenkost
2019/12/08 全球购物
Diesel美国网上商店:意大利牛仔时装品牌
2020/12/10 全球购物
亿企通软件测试面试题
2012/04/10 面试题
爱国口号
2014/06/19 职场文书
房屋鉴定委托书范本
2014/09/23 职场文书
2014超市双十一活动策划方案
2014/09/29 职场文书
员工旷工检讨书
2015/08/15 职场文书
2016年大学生寒假社会实践心得体会
2015/10/09 职场文书
2016初一新生军训心得体会
2016/01/11 职场文书
Netty结合Protobuf进行编解码的方法
2021/06/26 Java/Android
WebWorker 封装 JavaScript 沙箱详情
2021/11/02 Javascript