Javascript中的Array数组对象详谈


Posted in Javascript onMarch 03, 2014

首先数组的定义以及初始化的方法:
var myArray = new Array(1,3.1415,"love"); //这里注意myArray数组中的元素不只是同一种数据类型的元素,可以有整形,有浮点型,有字符串等等都可以。这里充分展示了javascript作为一种语言对数据类型的弱化,语言更加的随意化,简便化。就行定义对象的时候用var一样。
在此介绍的有限,同时有一些我没有给出结果,希望大家自己体会,自己动手尝试一下,看看结果到底是什么,这样有助于记忆。以下带[]是可以省去的参数。

Array的属性:
length:数组对象的长度,即数组元素的个数。这里同样要注意第一元素的下标是0.
document.write(myArray.length); //结果是3

Array的方法:

join(<分隔符>):把数组中的各元素逐个连接起来,用分隔符置于元素与元素之间 
document.write(myArray.join("-")); //输出结果:1-3.1415-love 
document.write(myArray.join(" ")); //输出结果:是什么呢? 
document.write(myArray.join("*¥")); //输出结果:是什么呢? 
document.write(myArray.join("* &")); //输出结果:是什么呢? 
document.write(myArray.join(" ")); //输出结果:是什么呢? reverse():将数组中的元素的顺序颠倒 
document.write(myArray.reverse()); //输出结果:love,3.1415,1 
slice(<始>[,<终>]):相当于数组的裁剪,这里不包括终。看到这里大家应该会联想到关于Sting对象的substring()和substr()方法了吧。。其实都类似。 
var arraynumber = new Array(1,2,3,4,5,6,7,8); 
document.write(arraynumber.slice(3)); //输出结果:4,5,6,7,8 
document.write(arraynumber.slice(3,5)); // 输出结果:4,5 
i made a mistake,我原来写的结果是4,5,6,其实是4,5。多谢一位朋友提出来。大家注意一下,其实slice方法是不包括终止位置的。 
document.write(arraynumber.slice(3,3)); // 输出结果:是什么呢? 
document.write(arraynumber.slice(3,2)); // 输出结果:是什么呢? 
document.write(arraynumber.slice(3,-1)); // 输出结果:是什么呢? 
document.write(arraynumber.slice(-100)); // 输出结果:是什么呢?

sort([<方法函数>]):排序
不带方法函数,按字母顺序进行排序,即按照字符编码的顺序排序,不是通常认为的按数值排序。
如果带方法函数,则按方法函数排序。

例子:

<script> 
function sortNumber(a,b) 
{ 
return a-b; 
} 
var myArray = new Array(3,2,54,23,90,250); 
document.write("document.write("未经sort排序的数值:",myArray,"<br />") 
document.write("默认sort排序的数值:",myArray.sort(),"<br />") 
document.write("经sortNumber()的sort排序的数值:",myArray.sort(sortNumber),"<br />") 
</script>

结果是:
未经sort排序的数值:3,2,54,23,90,250
默认sort排序的数值:这个我也不知道,主要谁去记字符编码呢。
经sortNumber()的sort排序的数值:2,3,23,54,90,250
大家如果把sortNumber方法中的"a-b"改成"b-a",结果是什么呢?
Javascript 相关文章推荐
动态加载js文件 document.createElement
Oct 14 Javascript
一实用的实现table排序的Javascript类库
Sep 12 Javascript
jquery实现盒子下拉效果示例代码
Sep 12 Javascript
js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件
Jan 27 Javascript
老生常谈 关于JavaScript的类的继承
Jun 24 Javascript
javascript 将共享属性迁移到原型中去的实现方法
Aug 31 Javascript
js从输入框读取内容,比较两个数字的大小方法
Mar 13 Javascript
jQuery插件FusionCharts绘制2D环饼图效果示例【附demo源码】
Apr 10 jQuery
JS实现简易图片自动轮播
Oct 16 Javascript
解决vue-loader加载不上的问题
Oct 21 Javascript
JavaScript实现跟随鼠标移动的盒子
Jan 28 Javascript
JS canvas实现画板和签字板功能
Feb 23 Javascript
不要使用jQuery触发原生事件的方法
Mar 03 #Javascript
jquery实现点击消失的代码
Mar 03 #Javascript
jquery提交form表单简单示例分享
Mar 03 #Javascript
jquery序列化form表单使用ajax提交后处理返回的json数据
Mar 03 #Javascript
js函数在frame中的相互调用详解
Mar 03 #Javascript
window.onload追加函数使用示例
Mar 03 #Javascript
js this函数调用无需再次抓获id,name或标签名
Mar 03 #Javascript
You might like
基于php伪静态的实现详细介绍
2013/04/28 PHP
php实现的rc4加密解密类定义与用法示例
2018/08/16 PHP
javascript中的几个运算符
2007/06/29 Javascript
extjs 的权限问题 要求控制的对象是 菜单,按钮,URL
2010/03/09 Javascript
改写一个简单的菜单 弹性大小
2010/12/02 Javascript
JS实现悬浮移动窗口(悬浮广告)的特效
2013/03/12 Javascript
javascript 禁用IE工具栏,导航栏等等实现代码
2013/04/01 Javascript
window.showModalDialog参数传递中含有特殊字符的处理方法
2013/06/06 Javascript
javascript不可用的问题探究
2013/10/01 Javascript
JS动态修改表格cellPadding和cellSpacing的方法
2015/03/31 Javascript
JavaScript获取数组最小值和最大值的方法
2015/06/09 Javascript
Vue.js使用v-show和v-if的注意事项
2016/12/13 Javascript
微信小程序 登陆流程详细介绍
2017/01/17 Javascript
Javascript下拉刷新的简单实现
2017/02/14 Javascript
浅谈ES6新增的数组方法和对象
2017/08/08 Javascript
javascript兼容性(实例讲解)
2017/08/15 Javascript
Node.js EventEmmitter事件监听器用法实例分析
2019/01/07 Javascript
layer.alert自定义关闭回调事件的方法
2019/09/27 Javascript
JQuery表单元素取值赋值方法总结
2020/05/12 jQuery
[01:14:12]2018DOTA2亚洲邀请赛4.7 总决赛 LGD vs Mineski 第二场
2018/04/09 DOTA
PyQt5利用QPainter绘制各种图形的实例
2017/10/19 Python
利用python画出折线图
2018/07/26 Python
Python判断一个三位数是否为水仙花数的示例
2018/11/13 Python
python的xpath获取div标签内html内容,实现innerhtml功能的方法
2019/01/02 Python
基于YUV 数据格式详解及python实现方式
2019/12/09 Python
Python文件时间操作步骤代码详解
2020/04/13 Python
PageFactory设计模式基于python实现
2020/04/14 Python
python 实现IP子网计算
2021/02/18 Python
加拿大女鞋品牌:ALDO
2016/11/13 全球购物
技校生自我鉴定范文
2013/09/26 职场文书
物流仓管员工作职责
2014/01/06 职场文书
国培计划培训感言
2014/03/11 职场文书
婚礼主持结束词
2014/03/13 职场文书
初三开学计划书
2014/04/27 职场文书
信电学院毕业生自荐书
2014/05/24 职场文书
法定授权委托证明书
2015/06/18 职场文书