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 相关文章推荐
Javascript 表单之间的数据传递代码
Dec 04 Javascript
jQuery最佳实践完整篇
Aug 20 Javascript
javascript学习笔记(十一) 正则表达式介绍
Jun 20 Javascript
JQuery DataTable删除行后的页面更新利用Ajax解决
May 17 Javascript
如何让你的Lightbox支持滚轮缩放及Base64图片
Dec 04 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记8)
Dec 24 Javascript
微信小程序 实战程序简易新闻的制作
Jan 09 Javascript
JavaScript实现事件的中断传播和行为阻止方法示例
Jan 20 Javascript
Angular7.2.7路由使用初体验
Mar 01 Javascript
详解iframe跨域的几种常用方法(小结)
Apr 29 Javascript
vue源码nextTick使用及原理解析
Aug 13 Javascript
实例讲解JavaScript 计时事件
Jul 04 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
windows下安装php的memcache模块的方法
2015/04/07 PHP
php返回当前日期或者指定日期是周几
2015/05/21 PHP
thinkphp多表查询两表有重复相同字段的完美解决方法
2016/09/22 PHP
PHP实现的微信APP支付功能示例【基于TP5框架】
2019/09/16 PHP
php连接sftp的作用以及实例代码
2019/09/23 PHP
IE6弹出“已终止操作”的解决办法
2010/11/27 Javascript
使用简洁的jQuery方法实现隔行换色功能
2014/01/02 Javascript
为指定的元素添加遮罩层的示例代码
2014/01/15 Javascript
js 数组操作之pop,push,unshift,splice,shift
2014/01/29 Javascript
jQuery学习笔记之 Ajax操作篇(二) - 数据传递
2014/06/23 Javascript
Spring mvc 接收json对象
2015/12/10 Javascript
Jquery揭秘系列:ajax原生js实现详解(推荐)
2016/06/08 Javascript
javascript获取网页各种高宽及位置的方法总结
2016/07/27 Javascript
JavaScript字符串对象
2017/01/14 Javascript
浅谈mvvm-simple双向绑定简单实现
2018/04/18 Javascript
在element-ui的el-tree组件中用render函数生成el-button的实例代码
2018/11/05 Javascript
微信小程序 image组件遇到的问题
2019/05/28 Javascript
webpack安装配置与常见使用过程详解(结合vue)
2020/06/01 Javascript
[09:59]DOTA2-DPC中国联赛2月7日Recap集锦
2021/03/11 DOTA
python 实现文件的递归拷贝实现代码
2012/08/02 Python
python 网络编程常用代码段
2016/08/28 Python
详解如何用OpenCV + Python 实现人脸识别
2017/10/20 Python
解决python3 json数据包含中文的读写问题
2018/05/10 Python
pandas使用apply多列生成一列数据的实例
2018/11/28 Python
python 自动重连wifi windows的方法
2018/12/18 Python
Python列表常见操作详解(获取,增加,删除,修改,排序等)
2019/02/18 Python
用python实现英文字母和相应序数转换的方法
2019/09/18 Python
python 使用递归回溯完美解决八皇后的问题
2020/02/26 Python
Python Pandas 对列/行进行选择,增加,删除操作
2020/05/17 Python
保密普查工作实施方案
2014/02/25 职场文书
入党函调证明材料
2014/12/24 职场文书
村级干部党员公开承诺事项
2015/05/04 职场文书
民主生活会主持词
2015/07/01 职场文书
情况说明书怎么写
2015/10/08 职场文书
《蟋蟀的住宅》教学反思
2016/02/17 职场文书
python控制台打印log输出重复的解决方法
2021/05/14 Python