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 相关文章推荐
三种方式获取XMLHttpRequest对象
Apr 21 Javascript
Javascript中的方法和匿名方法实例详解
Jun 13 Javascript
JavaScript中数据结构与算法(一):栈
Jun 19 Javascript
Jquery on绑定的事件 触发多次实例代码
Dec 08 Javascript
浅谈Javascript中的Label语句
Dec 14 Javascript
jQuery多选框选择数量限制方法
Feb 08 Javascript
vuejs+element-ui+laravel5.4上传文件的示例代码
Aug 12 Javascript
Vue-CLI3.x 设置反向代理的方法
Dec 06 Javascript
详解vue 图片上传功能
Apr 30 Javascript
JS中比较两个Object数组是否相等方法实例
Nov 11 Javascript
vue el-table实现自定义表头
Dec 11 Javascript
JavaScript代码模拟鼠标自动点击事件示例
Aug 07 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 mysql 事务处理回滚操作(附实例)
2013/08/05 PHP
thinkphp的c方法使用示例
2014/02/24 PHP
Thinkphp和onethink实现微信支付插件
2016/04/13 PHP
Thinkphp 空操作、空控制器、命名空间(详解)
2017/05/05 PHP
整理一些JavaScript的IE和火狐的兼容性注意事项
2011/03/17 Javascript
js格式化金额可选是否带千分位以及保留精度
2014/01/28 Javascript
JavaScript中用getDate()方法返回指定日期的教程
2015/06/09 Javascript
js采用concat和sort将N个数组拼接起来的方法
2016/01/21 Javascript
基于canvas实现的钟摆效果完整实例
2016/01/26 Javascript
Vue组件之Tooltip的示例代码
2017/10/18 Javascript
ES6解构赋值实例详解
2017/10/31 Javascript
JQuery 又谈ajax局部刷新
2017/11/27 jQuery
Vue2.0学习之详解Vue 组件及父子组件通信
2017/12/12 Javascript
vue-cli与webpack处理静态资源的方法及webpack打包的坑
2018/05/15 Javascript
vue路由传参页面刷新参数丢失问题解决方案
2019/10/08 Javascript
python调用新浪微博API项目实践
2014/07/28 Python
Python中函数的多种格式和使用实例及小技巧
2015/04/13 Python
python进阶之自定义可迭代的类
2019/08/20 Python
对python中UDP,socket的使用详解
2019/08/22 Python
python 初始化一个定长的数组实例
2019/12/02 Python
python实现最短路径的实例方法
2020/07/19 Python
jupyter notebook更换皮肤主题的实现
2021/01/07 Python
python日志通过不同的等级打印不同的颜色(示例代码)
2021/01/13 Python
英国手工布艺沙发在线购买:Sofas & Stuff
2018/03/02 全球购物
西海岸男士和男童服装:Johnnie-O
2018/03/15 全球购物
Vichy薇姿加拿大官网:法国药妆,全球专业敏感肌护肤领先品牌
2018/07/11 全球购物
纽约海:Sea New York
2018/11/04 全球购物
端口镜像是怎么实现的
2014/03/25 面试题
UNIX特点都有哪些
2016/04/05 面试题
大学生涯自我鉴定
2014/01/16 职场文书
优秀教师先进事迹
2014/01/22 职场文书
管理专员自荐信
2014/01/26 职场文书
副护士长竞聘演讲稿
2014/04/30 职场文书
2014年办公室个人工作总结
2014/11/12 职场文书
慰问信格式规范
2015/03/23 职场文书
PostgreSQL解析URL的方法
2021/08/02 PostgreSQL