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的一些看法
May 27 Javascript
利用jQuery操作对象数组的实现代码
Apr 27 Javascript
JavaScript使用HTML5的window.postMessage实现跨域通信例子
Apr 11 Javascript
Javascript实现字数统计
Jul 03 Javascript
js获取Html元素的实际宽度高度的方法
May 19 Javascript
Vue.js实现无限加载与分页功能开发
Nov 03 Javascript
JS对象序列化成json数据和json数据转化为JS对象的代码
Aug 23 Javascript
JavaScript中正则表达式使数字、中文或指定字符高亮显示
Oct 31 Javascript
vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用
Apr 13 Javascript
Vue CLI 3搭建vue+vuex最全分析(推荐)
Sep 27 Javascript
微信小程序与webview交互实现支付功能
Jun 07 Javascript
js设置鼠标悬停改变背景色实现详解
Jun 26 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
使用MaxMind 根据IP地址对访问者定位
2006/10/09 PHP
PHP 日,周,月点击排行统计
2012/01/11 PHP
解析如何通过PHP函数获取当前运行的环境 来进行判断执行逻辑(小技巧)
2013/06/25 PHP
THINKPHP项目开发中的日志记录实例分析
2014/12/01 PHP
学习YUI.Ext基础第一天
2007/03/10 Javascript
js函数调用的方式
2014/05/06 Javascript
node.js中的socket.io的广播消息
2014/12/15 Javascript
详谈javascript中DOM的基本属性
2015/02/26 Javascript
jquery获取及设置outerhtml的方法
2015/03/09 Javascript
jQuery height()、innerHeight()、outerHeight()函数的区别详解
2016/05/23 Javascript
js轮盘抽奖实例分析
2020/04/17 Javascript
不使用 JS 匿名函数理由
2017/11/17 Javascript
H5+C3+JS实现五子棋游戏(AI篇)
2020/05/28 Javascript
JSON基本语法及与JavaScript的异同实例分析
2019/01/04 Javascript
jQuery简单实现根据日期计算星期几的方法
2019/01/09 jQuery
详解Jest结合Vue-test-utils使用的初步实践
2019/06/27 Javascript
VUE的history模式下除了index外其他路由404报错解决办法
2019/08/21 Javascript
使用vue-router切换页面时实现设置过渡动画
2019/10/31 Javascript
[01:11:46]DOTA2-DPC中国联赛 正赛 iG vs Magma BO3 第一场 2月23日
2021/03/11 DOTA
Python模拟百度登录实例详解
2016/01/20 Python
python中map()与zip()操作方法
2016/02/27 Python
Python+matplotlib实现华丽的文本框演示代码
2018/01/22 Python
python用户管理系统
2018/03/13 Python
对python3 urllib包与http包的使用详解
2018/05/10 Python
python用BeautifulSoup库简单爬虫实例分析
2018/07/30 Python
使用WingPro 7 设置Python路径的方法
2019/07/24 Python
8款使用 CSS3 实现超炫的 Loading(加载)的动画效果
2015/03/17 HTML / CSS
简历自我评价怎么写呢?
2014/01/06 职场文书
激情洋溢的毕业生就业求职信
2014/03/15 职场文书
租房协议书
2014/04/10 职场文书
2014年老干部工作总结
2014/11/21 职场文书
金秋助学感谢信
2015/01/21 职场文书
2015年高校辅导员工作总结
2015/04/20 职场文书
2016党员党章学习心得体会
2016/01/14 职场文书
基于Go Int转string几种方式性能测试
2021/04/28 Golang
IDEA中sout快捷键无效问题的解决方法
2022/07/23 Java/Android