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 相关文章推荐
javascript TextArea动态显示剩余字符
Oct 22 Javascript
javascript 函数调用规则
Aug 26 Javascript
JS实现标签页效果(配合css)
Apr 03 Javascript
JavaScript如何实现在文本框(密码框)输入提示语
Dec 25 Javascript
js监听input输入框值的实时变化实例
Jan 26 Javascript
JavaScript之promise_动力节点Java学院整理
Jul 03 Javascript
JavaScript生成图形验证码
Aug 24 Javascript
js中bool值的转换及“&amp;&amp;”、“||”、 “!!”详解
Dec 21 Javascript
浅谈webpack+react多页面开发终极架构
Nov 11 Javascript
浅析Vue.js中v-bind v-model的使用和区别
Dec 04 Javascript
layui表单提交到后台自动封装到实体类的方法
Sep 12 Javascript
RxJS在TypeScript中的简单使用详解
Apr 13 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
Laravel使用Caching缓存数据减轻数据库查询压力的方法
2016/03/15 PHP
php+ajax注册实时验证功能
2016/07/20 PHP
PHP的简单跳转提示的实现详解
2019/03/14 PHP
初探jquery——表单应用范例
2007/02/20 Javascript
javascript mouseover、mouseout停止事件冒泡的解决方案
2009/04/07 Javascript
jquery中获取元素的几种方式小结
2011/07/05 Javascript
js同源策略详解
2015/05/21 Javascript
javascript事件冒泡和事件捕获详解
2015/05/26 Javascript
Highcharts 多个Y轴动态刷新数据的实现代码
2016/05/28 Javascript
什么是JavaScript中的结果值?
2016/10/08 Javascript
React-router v4 路由配置方法小结
2017/08/08 Javascript
Vue 进入/离开动画效果
2017/12/26 Javascript
微信小程序上线发布流程图文详解
2019/05/06 Javascript
[01:15]PWL S2开团时刻第二期——他们杀 我就白给
2020/11/25 DOTA
Python获取文件所在目录和文件名的方法
2017/01/12 Python
Python微信库:itchat的用法详解
2017/08/14 Python
python+matplotlib绘制旋转椭圆实例代码
2018/01/12 Python
Python初学者需要注意的事项小结(python2与python3)
2018/09/26 Python
对Python中DataFrame选择某列值为XX的行实例详解
2019/01/29 Python
在python中画正态分布图像的实例
2019/07/08 Python
详解Django配置优化方法
2019/11/18 Python
python 字段拆分详解
2019/12/17 Python
Python几种常见算法汇总
2020/06/02 Python
opencv 图像轮廓的实现示例
2020/07/08 Python
劳动模范事迹材料
2014/01/19 职场文书
英语教学随笔感言
2014/02/20 职场文书
安全责任书模板
2014/07/22 职场文书
党员教师自我剖析材料
2014/09/29 职场文书
美国旅游签证工作证明
2014/10/14 职场文书
幸福家庭事迹材料
2014/12/20 职场文书
出租车拒载检讨书
2015/01/28 职场文书
小学生节水倡议书
2015/04/29 职场文书
繁星春水读书笔记
2015/06/30 职场文书
职业生涯规划书之大学四年
2019/08/07 职场文书
Python机器学习之决策树和随机森林
2021/07/15 Javascript
SQL Server数据库备份和恢复数据库的全过程
2022/06/14 SQL Server