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 html() in Firefox (uses .innerHTML) ignores DOM changes
Mar 05 Javascript
JS等比例缩小图片尺寸的实例
Feb 27 Javascript
JQuery中如何传递参数如click(),change()等具体实现
Apr 28 Javascript
JavaScript函数详解
Feb 27 Javascript
jQuery使用$.ajax进行异步刷新的方法(附demo下载)
Dec 04 Javascript
利用jQuery实现CheckBox全选/全不选/反选的简单代码
May 31 Javascript
通过JS获取Request.QueryString()参数的值实现方法
Sep 27 Javascript
JS针对Array的各种操作汇总
Nov 29 Javascript
JS简单实现获取元素的封装操作示例
Apr 07 Javascript
EasyUI的TreeGrid的过滤功能的解决思路
Aug 08 Javascript
Vue 中的受控与非受控组件的实现
Dec 17 Javascript
使用taro开发微信小程序遇到的坑总结
Apr 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检测图片木马多进制编程实践
2013/04/11 PHP
php设计模式之单例模式使用示例
2014/01/20 PHP
ThinkPHP5 的简单搭建和使用详解
2018/11/15 PHP
模仿jQuery each函数的链式调用
2009/07/22 Javascript
javascript类继承机制的原理分析
2009/09/12 Javascript
JavaScript与Image加载事件(onload)、加载状态(complete)
2011/02/14 Javascript
用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数
2012/01/21 Javascript
使用jquery实现div的tab切换实例代码
2013/05/27 Javascript
一个简单的动态加载js和css的jquery代码
2014/09/01 Javascript
JavaScript中的Object对象学习教程
2016/05/20 Javascript
javascript 动态样式添加的简单实现
2016/10/11 Javascript
微信小程序页面滑动屏幕加载数据效果
2020/11/16 Javascript
vue.js实现简单轮播图效果
2017/10/10 Javascript
vue头部导航动态点击处理方法
2018/11/02 Javascript
详解react阻止无效重渲染的多种方式
2018/12/11 Javascript
jQuery实现的图片点击放大缩小功能案例
2020/01/02 jQuery
vue实现虚拟列表功能的代码
2020/07/28 Javascript
Python3读取zip文件信息的方法
2015/05/22 Python
python对日志进行处理的实例代码
2018/10/06 Python
很酷的python表白工具 你喜欢我吗
2019/04/11 Python
Python处理时间日期坐标轴过程详解
2019/06/25 Python
Django认证系统实现的web页面实现代码
2019/08/12 Python
详解Django将秒转换为xx天xx时xx分
2019/09/27 Python
Win10+GPU版Pytorch1.1安装的安装步骤
2019/09/27 Python
Python any()函数的使用方法
2019/10/28 Python
python 使用事件对象asyncio.Event来同步协程的操作
2020/05/04 Python
发现两个有趣的CSS3动画效果
2013/08/14 HTML / CSS
美国户外生活方式品牌:Eddie Bauer
2016/12/28 全球购物
机电一体化毕业生求职信
2013/11/02 职场文书
环保标语口号
2014/06/13 职场文书
支部书记四风对照材料
2014/08/28 职场文书
2014年后勤工作总结范文
2014/12/16 职场文书
捐款感谢信
2015/01/20 职场文书
社区端午节活动总结
2015/02/11 职场文书
2015中秋祝酒词
2015/08/12 职场文书
MySQL优化及索引解析
2022/03/17 MySQL