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 相关文章推荐
Add Formatted Data to a Spreadsheet
Jun 12 Javascript
List the Stored Procedures in a SQL Server database
Jun 20 Javascript
原生js实现的贪吃蛇网页版游戏完整实例
May 18 Javascript
Node.js与MySQL交互操作及其注意事项
Oct 05 Javascript
分享javascript、jquery实用代码段
Oct 20 Javascript
JavaScript中清空数组的方法总结
Dec 02 Javascript
BootStrapTable服务器分页实例解析
Dec 20 Javascript
vue路由懒加载的实现方法
Mar 12 Javascript
ES6 fetch函数与后台交互实现
Nov 14 Javascript
详解基于node.js的脚手架工具开发经历
Jan 28 Javascript
微信小程序访问豆瓣电影api的实现方法
Mar 31 Javascript
如何在JavaScript中谨慎使用代码注释
Jun 21 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
再说下636单管机
2021/03/02 无线电
1.PHP简介
2006/10/09 PHP
修改php.ini以达到屏蔽错误信息并记录日志
2013/06/16 PHP
PHP APC配置文件2套和参数详解
2014/06/11 PHP
PHP实现的观察者模式实例
2017/06/21 PHP
php+ajax 文件上传代码实例
2019/03/18 PHP
JS解析XML的实现代码
2009/11/12 Javascript
分享27个jQuery 表单插件集合推荐
2011/04/25 Javascript
jQuery + Flex 通过拖拽方式动态改变图片的代码
2011/08/03 Javascript
jquery动画2.元素坐标动画效果(创建一个图片走廊)
2012/08/24 Javascript
Bootstrap 3.x打印预览背景色与文字显示异常的解决
2016/11/06 Javascript
AngularJS实现使用路由切换视图的方法
2017/01/24 Javascript
详解 vue.js用法和特性
2017/10/15 Javascript
angularjs实现猜大小功能
2017/10/23 Javascript
js 显示日期时间的实例(时间过一秒加1)
2017/10/25 Javascript
p5.js临摹动态图形实现方法详解
2019/10/23 Javascript
python 实现归并排序算法
2012/06/05 Python
Python Web开发模板引擎优缺点总结
2014/05/06 Python
Python使用numpy产生正态分布随机数的向量或矩阵操作示例
2018/08/22 Python
pandas实现excel中的数据透视表和Vlookup函数功能代码
2020/02/14 Python
python GUI库图形界面开发之PyQt5中QWebEngineView内嵌网页与Python的数据交互传参详细方法实例
2020/02/26 Python
PYQT5 vscode联合操作qtdesigner的方法
2020/03/24 Python
检测用户浏览器是否支持CSS3的方法
2009/08/29 HTML / CSS
Css3新特性应用之视觉效果实例
2016/12/12 HTML / CSS
HTML5 通信API 跨域门槛将不再高、数据推送也不再是梦
2013/04/25 HTML / CSS
HTML5实现锚点时请使用id取代name
2013/09/06 HTML / CSS
学生档案自我鉴定
2013/10/07 职场文书
大学生大二自我鉴定
2013/10/28 职场文书
运动会解说词200字
2014/02/06 职场文书
班主任与学生安全责任书
2014/07/25 职场文书
离职证明标准格式
2014/09/15 职场文书
2014年安全保卫工作总结
2014/11/13 职场文书
部队2015年终工作总结
2015/04/02 职场文书
刑事法律意见书
2015/06/04 职场文书
Golang数据类型和相互转换
2022/04/12 Golang
python+opencv实现目标跟踪过程
2022/06/21 Python