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中对象property的删除方法介绍
Dec 30 Javascript
jQuery增加、删除及修改select option的方法
Aug 19 Javascript
Vue2.0 从零开始_环境搭建操作步骤
Jun 14 Javascript
JS实现中文汉字按拼音排序的方法
Oct 09 Javascript
JavaScript实现为事件句柄绑定监听函数的方法分析
Nov 14 Javascript
完美解决手机网页中输入框被输入法遮挡的问题
Dec 19 Javascript
JS模拟实现哈希表及应用详解
May 04 Javascript
webpack之引入图片的实现及问题
Oct 08 Javascript
vue中created和mounted的区别浅析
Aug 13 Javascript
async/await让异步操作同步执行的方法详解
Nov 01 Javascript
vant组件中 dialog的确认按钮的回调事件操作
Nov 04 Javascript
对vue生命周期的深入理解
Dec 03 Vue.js
不要使用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
fleaphp常用方法分页之Pager使用方法
2011/04/23 PHP
php读取文件内容的几种方法详解
2013/06/26 PHP
PHP中的gzcompress、gzdeflate、gzencode函数详解
2014/07/29 PHP
Laravel模型间关系设置分表的方法示例
2018/04/21 PHP
greybox——不开新窗口看新的网页
2007/02/20 Javascript
JavaScript函数学习总结以及相关的编程习惯指南
2015/11/16 Javascript
Javascript随机标签云代码实例
2016/06/21 Javascript
基于jQuery实现火焰灯效果导航菜单
2017/01/04 Javascript
angular框架实现全选与单选chekbox的自定义
2017/07/06 Javascript
使用Bootstrap + Vue.js实现表格的动态展示、新增和删除功能
2017/11/27 Javascript
vue中实现移动端的scroll滚动方法
2018/03/03 Javascript
Vue+Express实现登录状态权限验证的示例代码
2019/05/05 Javascript
使用VUE实现在table中文字信息超过5个隐藏鼠标移到时弹窗显示全部
2019/09/16 Javascript
layui加载数据显示loading加载完成loading消失的实例代码
2019/09/23 Javascript
Vue 2.0双向绑定原理的实现方法
2019/10/23 Javascript
Vue生命周期activated之返回上一页不重新请求数据操作
2020/07/26 Javascript
Python中使用glob和rmtree删除目录子目录及所有文件的例子
2014/11/21 Python
python中enumerate函数用法实例分析
2015/05/20 Python
python3+PyQt5实现自定义分数滑块部件
2018/04/24 Python
Python学习_几种存取xls/xlsx文件的方法总结
2018/05/03 Python
初探利用Python进行图文识别(OCR)
2019/02/26 Python
Python中super函数用法实例分析
2019/03/18 Python
Python实现socket非阻塞通讯功能示例
2019/11/06 Python
Python上下文管理器用法及实例解析
2019/11/11 Python
pyautogui自动化控制鼠标和键盘操作的步骤
2020/04/01 Python
keras做CNN的训练误差loss的下降操作
2020/06/22 Python
印度尼西亚手表和包包商店:Urban Icon
2019/12/12 全球购物
幼教个人求职信范文
2013/12/02 职场文书
服装机修工岗位职责
2013/12/26 职场文书
中式餐厅创业计划书范文
2014/01/23 职场文书
幼儿园六一儿童节活动方案
2014/08/26 职场文书
销售员试用期自我评价
2014/09/15 职场文书
群众路线个人对照检查材料
2014/09/23 职场文书
处级干部反四风个人对照检查材料思想汇报
2014/09/27 职场文书
群众路线自我剖析材料
2014/10/08 职场文书
JavaWeb 入门:Hello Servlet
2021/07/16 Java/Android