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 相关文章推荐
jquery 模式对话框终极版实现代码
Sep 28 Javascript
Jquery 1.42 checkbox 全选和反选代码
Mar 27 Javascript
fancybox modal的完美解决(右上的X)
Oct 30 Javascript
jQuery下拉友情链接美化效果代码分享
Aug 26 Javascript
第三章之Bootstrap 表格与按钮功能
Apr 25 Javascript
JavaScript的兼容性与调试技巧
Nov 22 Javascript
JS冒泡事件与事件捕获实例详解
Nov 25 Javascript
微信小程序教程系列之新建页面(4)
Apr 17 Javascript
vue拦截器Vue.http.interceptors.push使用详解
Apr 22 Javascript
详解各版本React路由的跳转的方法
May 10 Javascript
js验证账户名是否重复
May 26 Javascript
Element Popover 弹出框的使用示例
Jul 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
FleaPHP框架数据库查询条件($conditions)写法总结
2016/03/19 PHP
Yii2实现同时搜索多个字段的方法
2016/08/10 PHP
PHP进程通信基础之信号量与共享内存通信
2017/02/19 PHP
Yii2.0 RESTful API 基础配置教程详解
2018/12/26 PHP
基于jQuery的烟花效果(运动相关)点击屏幕出烟花
2012/06/14 Javascript
setInterval,setTimeout与jquery混用的问题
2013/04/08 Javascript
使用js实现按钮控制文本框加1减1应用于小时+分钟
2013/12/09 Javascript
jquery实现多行文字图片滚动效果示例代码
2014/10/10 Javascript
jQuery实现网站添加高亮突出显示效果的方法
2015/06/26 Javascript
jQuery幻灯片带缩略图轮播效果代码分享
2015/08/17 Javascript
JavaScript使用DeviceOne开发实战(二) 生成调试安装包
2015/12/01 Javascript
JavaScript 七大技巧(二)
2015/12/13 Javascript
Bootstrap树形控件使用方法详解
2016/01/27 Javascript
javascript实现在网页中运行本地程序的方法
2016/02/03 Javascript
Node.js重新刷新session过期时间的方法
2016/02/04 Javascript
Angularjs中使用指令绑定点击事件的方法
2017/03/30 Javascript
vue-cli如何引入bootstrap工具的方法
2017/10/19 Javascript
JS+WCF实现进度条实时监测数据加载量的方法详解
2017/12/19 Javascript
深入理解vue中的slot与slot-scope
2019/04/22 Javascript
微信小程序实现点击图片放大预览
2019/10/21 Javascript
解决vue项目运行提示Warnings while compiling.警告的问题
2020/09/18 Javascript
[02:12]DOTA2英雄基础教程 变体精灵
2013/12/16 DOTA
Python中的with...as用法介绍
2015/05/28 Python
安装Python的教程-Windows
2017/07/22 Python
python pyinstaller 加载ui路径方法
2019/06/10 Python
Django 在iframe里跳转顶层url的例子
2019/08/21 Python
python破解bilibili滑动验证码登录功能
2019/09/11 Python
CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式
2014/10/11 HTML / CSS
Sofmap官网:日本著名的数码电器专卖店
2017/05/19 全球购物
Spartoo荷兰:鞋子、包包和服装
2018/07/12 全球购物
《小山羊和小灰兔》教学反思
2014/02/19 职场文书
慰问信模板
2015/02/14 职场文书
关爱留守儿童捐款倡议书
2015/04/27 职场文书
我的中国梦心得体会范文
2016/01/05 职场文书
浅谈Redis中的RDB快照
2021/06/29 Redis
Python使用psutil库对系统数据进行采集监控的方法
2021/08/23 Python