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 Discuz代码中的msn聊天小功能
May 25 Javascript
js正文内容高亮效果的实现方法
Jun 30 Javascript
JavaScript返回网页中超链接数量的方法
Apr 03 Javascript
JavaScript实现表格点击排序的方法
May 11 Javascript
js实现的简单radio背景颜色选择器代码
Aug 18 Javascript
js判断某个字符出现的次数的简单实例
Jun 03 Javascript
基于Vue.js实现简单搜索框
Mar 26 Javascript
js实现用户输入的小写字母自动转大写字母的方法
Jan 21 Javascript
vue 设置路由的登录权限的方法
Jul 03 Javascript
在vue中多次调用同一个定义全局变量的实例
Sep 25 Javascript
vue.js+elementUI实现点击左右箭头切换头像功能(类似轮播图效果)
Sep 05 Javascript
浅谈vue-router路由切换 组件重用挖下的坑
Nov 01 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和XSL stylesheets转换XML文档
2006/10/09 PHP
图象函数中的中文显示
2006/10/09 PHP
一周学会PHP(视频)Http下载
2006/12/12 PHP
php截取字符串函数分享
2015/02/02 PHP
lnmp安装多版本PHP共存的方法详解
2018/08/02 PHP
小程序微信支付功能配置方法示例详解【基于thinkPHP】
2019/05/05 PHP
浅析Js(Jquery)中,字符串与JSON格式互相转换的示例(直接运行实例)
2013/07/09 Javascript
javascript eval(func())使用示例
2013/12/05 Javascript
javascript操作excel生成报表示例
2014/05/08 Javascript
js+HTML5基于过滤器从摄像头中捕获视频的方法
2015/06/16 Javascript
详谈javascript异步编程
2016/02/21 Javascript
jQuery树形插件jquery.simpleTree.js用法分析
2016/09/05 Javascript
完美解决js传递参数中加号和&amp;号自动改变的方法
2016/10/11 Javascript
简易的JS计算器实现代码
2016/10/18 Javascript
微信小程序学习(4)-系统配置app.json详解
2017/01/12 Javascript
vue解决一个方法同时发送多个请求的问题
2018/09/25 Javascript
如何使用50行javaScript代码实现简单版的call,apply,bind
2019/08/14 Javascript
js模拟F11页面全屏显示
2019/09/17 Javascript
JS原型prototype和__proto__用法实例分析
2020/03/14 Javascript
[01:28]国服启动器接入蒸汽平台操作流程视频
2021/03/11 DOTA
python定时检查某个进程是否已经关闭的方法
2015/05/20 Python
在Python运行时动态查看进程内部信息的方法
2019/02/22 Python
python文件转为exe文件的方法及用法详解
2019/07/08 Python
Django实现跨域请求过程详解
2019/07/25 Python
Python pyautogui模块实现鼠标键盘自动化方法详解
2020/02/17 Python
sublime3之内网安装python插件Anaconda的流程
2020/11/10 Python
python 实现全球IP归属地查询工具
2020/12/18 Python
介绍JAVA 中的Collection FrameWork(及如何写自己的数据结构)
2014/10/31 面试题
演讲稿开场白
2014/01/13 职场文书
最新奶茶店创业计划书范文
2014/02/08 职场文书
高中生第一学年自我鉴定
2014/09/12 职场文书
2014乡镇干部纪律作风整顿思想汇报
2014/09/13 职场文书
房产销售独家委托书范本
2014/10/01 职场文书
2016关于军训的心得体会
2016/01/11 职场文书
Ajax实现局部刷新的方法实例
2021/03/31 Javascript
使用Redis实现点赞取消点赞的详细代码
2022/03/20 Redis