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下扩展插件和拓展函数的写法(匿名函数使用的典型例子)
Oct 20 Javascript
JavaScript中获取未知对象属性的代码
Apr 27 Javascript
在JavaScript中使用timer示例
May 08 Javascript
AngularJS语法详解
Jan 23 Javascript
JS实现至少包含字母、大小写数字、字符的密码等级的两种方法
Feb 03 Javascript
jQuery弹出层插件Lightbox_me使用指南
Apr 21 Javascript
JavaScript中的cacheStorage使用详解
Jul 29 Javascript
实例代码详解javascript实现窗口抖动及qq窗口抖动
Jan 04 Javascript
AngularJS中处理多个promise的方式
Feb 02 Javascript
AngularJS ng-bind-template 指令详解
Jul 30 Javascript
Node.js进阶之核心模块https入门
May 23 Javascript
Node.js Domain 模块实例详解
Mar 18 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使用DOMDocument类生成HTML实例(包含常见标签元素)
2014/06/25 PHP
php获取YouTube视频信息的方法
2015/02/11 PHP
PHP使用mysql_fetch_object从查询结果中获取对象集的方法
2015/03/18 PHP
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
2010/04/15 Javascript
JS格式化数字金额用逗号隔开保留两位小数
2013/10/18 Javascript
JS控制图片等比例缩放的示例代码
2013/12/24 Javascript
js的toLowerCase方法用法实例
2015/01/27 Javascript
JQuery插件jcarousellite的参数中文说明
2015/05/11 Javascript
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
2016/02/16 Javascript
使用BootStrap建立响应式网页——通栏轮播图(carousel)
2016/12/21 Javascript
微信小程序实现展示评分结果功能
2019/02/15 Javascript
详解微信小程序开发之formId使用(模板消息)
2019/08/27 Javascript
vue-以文件流-blob-的形式-下载-导出文件操作
2020/08/07 Javascript
Jquery 获取相同NAME 或者id删除行操作
2020/08/24 jQuery
[03:10]超级美酒第四天 fy拉比克秀 大合集
2018/06/05 DOTA
Python信息抽取之乱码解决办法
2017/06/29 Python
pytorch构建网络模型的4种方法
2018/04/13 Python
解决python3中的requests解析中文页面出现乱码问题
2019/04/19 Python
让你Python到很爽的加速递归函数的装饰器
2019/05/26 Python
python3+PyQt5 实现Rich文本的行编辑方法
2019/06/17 Python
Python实现性能自动化测试竟然如此简单
2019/07/30 Python
python基于Kivy写一个图形桌面时钟程序
2021/01/28 Python
CSS3关于z-index不生效问题的解决
2020/02/19 HTML / CSS
Omio意大利:全欧洲低价大巴、火车和航班搜索和比价
2017/12/02 全球购物
Java基础知识面试题
2014/03/25 面试题
家佳咖啡店创业计划书
2013/12/27 职场文书
煤矿机修工岗位职责
2014/02/07 职场文书
企业金融服务方案
2014/06/03 职场文书
公司门卫岗位职责范本
2014/07/08 职场文书
毕业实习自我鉴定范文2014
2014/09/26 职场文书
公司优秀员工推荐信
2015/03/24 职场文书
大学生实习证明
2015/06/16 职场文书
党风廉政教育心得体会2016
2016/01/22 职场文书
合理缓解职场压力,让你随时保持最佳状态!
2019/06/21 职场文书
Oracle 临时表空间SQL语句的实现
2021/09/25 Oracle
Python matplotlib绘制条形统计图 处理多个实验多组观测值
2022/04/21 Python