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中万恶的function实例分析
May 25 Javascript
jQuery $.data()方法使用注意细节
Dec 31 Javascript
jQuery循环滚动新闻列表示例代码
Jun 17 Javascript
3个可以改善用户体验的AngularJS指令介绍
Jun 18 Javascript
AngularJS Module方法详解
Dec 08 Javascript
AngularJS动态绑定HTML的方法分析
Nov 07 Javascript
微信小程序 用户数据解密详细介绍
Jan 09 Javascript
AngularJS框架中的双向数据绑定机制详解【减少需要重复的开发代码量】
Jan 19 Javascript
jQuery实现字符串全部替换的方法【推荐】
Mar 09 Javascript
解决微信小程序防止无法回到主页的问题
Sep 28 Javascript
Windows下支持自动更新的Electron应用脚手架的方法
Dec 24 Javascript
使用JS实现简易计算器
Jun 14 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
无线电广播与收音机发展的历史回眸
2021/03/02 无线电
PDO版本问题 Invalid parameter number: no parameters were bound
2013/01/06 PHP
thinkphp控制器调度使用示例
2014/02/24 PHP
smarty简单入门实例
2014/11/28 PHP
php实现求相对时间函数
2015/06/15 PHP
php判断当前操作系统类型
2015/10/28 PHP
Thinkphp框架 表单自动验证登录注册 ajax自动验证登录注册
2016/12/27 PHP
PHP将字符串首字母大小写转换的实例
2017/01/21 PHP
javascript 获取网页参数系统
2008/07/19 Javascript
JS解决url传值出现中文乱码的另类办法
2013/04/08 Javascript
jquery的父子兄弟节点查找示例代码
2014/03/03 Javascript
js获取form的方法
2015/05/06 Javascript
jquery使用经验小结
2015/05/20 Javascript
Angular.JS中的this指向详解
2017/05/17 Javascript
vue2.0使用swiper组件实现轮播的示例代码
2018/03/03 Javascript
微信小程序实现折叠展开效果
2018/07/19 Javascript
Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】
2019/11/04 Javascript
Android应用开发中Action bar编写的入门教程
2016/02/26 Python
Python3中使用urllib的方法详解(header,代理,超时,认证,异常处理)
2016/09/21 Python
pyinstaller打包opencv和numpy程序运行错误解决
2019/08/16 Python
python函数不定长参数使用方法解析
2019/12/14 Python
python内打印变量之%和f的实例
2020/02/19 Python
Python如何输出整数
2020/06/07 Python
CSS3动画之利用requestAnimationFrame触发重新播放功能
2019/09/11 HTML / CSS
iHerb台湾:维生素、保健品和健康产品
2018/01/31 全球购物
在C中是否有模拟继承等面向对象程序设计特性的好方法
2012/05/22 面试题
医学生自我鉴定范文
2014/03/26 职场文书
给小学生的新年寄语
2014/04/04 职场文书
活动总结模板
2014/05/09 职场文书
学习党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
万能检讨书2000字
2014/10/17 职场文书
2015年端午节国旗下演讲稿
2015/03/19 职场文书
党员承诺书范文2015
2015/04/27 职场文书
二十年同学聚会致辞
2015/07/28 职场文书
Python极值整数的边界探讨分析
2021/09/15 Python
关于JavaScript 中 if包含逗号表达式
2021/11/27 Javascript