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的多选下拉框(自写)
May 05 Javascript
jQuery中val()方法用法实例
Dec 25 Javascript
jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法
Aug 07 Javascript
jquery插件之文字间歇自动向上滚动效果代码
Feb 25 Javascript
原生js三级联动的简单实现代码
Jun 07 Javascript
XMLHttpRequest Level 2 使用指南
Aug 26 Javascript
JS获取html元素的标记名实现方法
Oct 08 Javascript
jQuery通过改变input的type属性实现密码显示隐藏切换功能
Feb 08 Javascript
JavaScrpt的面向对象全面解析
May 09 Javascript
微信小程序movable view移动图片和双指缩放实例代码
Aug 08 Javascript
详解vue.js之props传递参数
Dec 12 Javascript
javascript的setTimeout()使用方法总结
Nov 20 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
15种PHP Encoder的比较
2007/03/06 PHP
PHP页面中文乱码分析
2013/10/29 PHP
smarty内置函数section的用法
2015/01/22 PHP
PHP中的socket_read和socket_recv区别详解
2015/02/09 PHP
PHP中header函数的用法及其注意事项详解
2016/06/13 PHP
PHP遍历目录文件的常用方法小结
2017/02/03 PHP
laravel 使用auth编写登录的方法
2019/09/30 PHP
js读写cookie实现一个底部广告浮层效果的两种方法
2013/12/29 Javascript
灵活的理解JavaScript中的this指向
2016/02/25 Javascript
浅谈javascript中的加减时间
2016/07/12 Javascript
Bootstrap风格的WPF样式
2016/12/07 Javascript
vue.js绑定class和style样式(6)
2016/12/09 Javascript
详解javascript中对数据格式化的思考
2017/01/23 Javascript
Vue2.0实现1.0的搜索过滤器功能实例代码
2017/03/20 Javascript
nodejs 图片预览和上传的示例代码
2017/09/30 NodeJs
a标签调用js的方法总结
2019/09/05 Javascript
layui 上传文件_批量导入数据UI的方法
2019/09/23 Javascript
使用Python编写类UNIX系统的命令行工具的教程
2015/04/15 Python
Python中asyncio模块的深入讲解
2019/06/10 Python
使用python接入微信聊天机器人
2020/03/31 Python
解决pycharm中导入自己写的.py函数出错问题
2020/02/12 Python
python读取与处理netcdf数据方式
2020/02/14 Python
Python+OpenCV图像处理——实现直线检测
2020/10/23 Python
python Gabor滤波器讲解
2020/10/26 Python
俄罗斯卫浴采暖及维修用品超级市场:Dkrussia
2020/05/12 全球购物
毕业生毕业总结的自我评价范文
2013/11/02 职场文书
大学生军训广播稿
2014/01/24 职场文书
员工入职担保书范文
2014/04/01 职场文书
银行竞聘演讲稿
2014/05/16 职场文书
祖国在我心中演讲稿600字
2014/09/23 职场文书
商家认证委托书格式
2014/10/16 职场文书
八年级上册语文教学计划
2015/01/22 职场文书
5.12护士节活动总结
2015/02/10 职场文书
Java如何实现树的同构?
2021/06/22 Java/Android
mysql的单列多值存储实例详解
2022/04/05 MySQL
mysql如何查询连续记录
2022/05/11 MySQL