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 Scoping and Hoisting 翻译
Jul 03 Javascript
用jQuery获取IE9下拉框默认值问题探讨
Jul 22 Javascript
JQuery的ready函数与JS的onload的区别详解
Nov 21 Javascript
javascript中的原型链深入理解
Feb 24 Javascript
JavaScript中使用Object.prototype.toString判断是否为数组
Apr 01 Javascript
js实现商城星星评分的效果
Dec 29 Javascript
Bootstrap~多级导航(级联导航)的实现效果【附代码】
Mar 08 Javascript
Bootstrap+jfinal退出系统弹出确认框的实现方法
May 30 Javascript
js实时获取窗口大小变化的实例代码
Nov 18 Javascript
Angular.js中定时器循环的3种方法总结
Apr 27 Javascript
Vue.js 中的 $watch使用方法
May 25 Javascript
四十九个javascript小知识实用技巧
Nov 20 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中的三种中间件的作用
2019/10/13 PHP
javascript  Error 对象 错误处理
2008/05/18 Javascript
不安全的常用的js写法
2009/09/15 Javascript
javascript判断iphone/android手机横竖屏模式的函数
2011/12/20 Javascript
灵活应用js调试技巧解决样式问题的步骤分享
2012/03/15 Javascript
浅析Js(Jquery)中,字符串与JSON格式互相转换的示例(直接运行实例)
2013/07/09 Javascript
简单实用的反馈表单无刷新提交带验证
2013/11/15 Javascript
jquery each的几种常用的使用方法示例
2014/01/21 Javascript
IE8下Jquery获取select选中的值post到后台报错问题
2014/07/02 Javascript
JavaScript实现弹出子窗口并传值给父窗口
2014/12/18 Javascript
javascript实现动态统计图开发实例
2015/11/21 Javascript
强大Vue.js组件浅析
2016/09/12 Javascript
js实现下一页页码效果
2017/03/07 Javascript
为Jquery EasyUI 组件加上清除功能的方法(详解)
2017/04/13 jQuery
vue awesome swiper异步加载数据出现的bug问题
2018/07/03 Javascript
webpack4 CSS Tree Shaking的使用
2018/09/03 Javascript
详解如何用VUE写一个多用模态框组件模版
2018/09/27 Javascript
Vue页面跳转传递参数及接收方式
2020/09/09 Javascript
Python实现的一个简单LRU cache
2014/09/26 Python
梯度下降法介绍及利用Python实现的方法示例
2017/07/12 Python
python中使用正则表达式的连接符示例代码
2017/10/10 Python
Python实现的计算马氏距离算法示例
2018/04/03 Python
PyQt5实现无边框窗口的标题拖动和窗口缩放
2018/04/19 Python
使用python切片实现二维数组复制示例
2019/11/26 Python
html5 浏览器支持 如何让所有的浏览器都支持HTML5标签样式
2012/12/07 HTML / CSS
阿里巴巴的Oracle DBA笔试题答案-SQL tuning类
2016/04/03 面试题
.NET概念性的面试题
2012/02/29 面试题
几个Shell Script面试题
2012/08/31 面试题
为什么要做架构设计
2015/07/08 面试题
节约用水倡议书
2014/04/16 职场文书
审计专业自荐信范文
2014/04/21 职场文书
公司爱心捐款倡议书
2014/05/14 职场文书
财务会计实训报告
2014/11/05 职场文书
2015年消费者权益日活动总结
2015/02/09 职场文书
python 统计代码耗时的几种方法分享
2021/04/02 Python
mybatis 获取无数据的字段不显示的问题
2021/07/15 Java/Android