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 相关文章推荐
一个js过滤空格的小函数
Oct 10 Javascript
js控制输入框获得和失去焦点时状态显示的方法
Jan 30 Javascript
jQuery实现简单漂亮的Nav导航菜单效果
Mar 29 jQuery
Vue.js结合Ueditor富文本编辑器的实例代码
Jul 11 Javascript
jQuery插件artDialog.js使用与关闭方法示例
Oct 09 jQuery
jQuery实现动态添加节点与遍历节点功能示例
Nov 09 jQuery
Node.Js生成比特币地址代码解析
Apr 21 Javascript
php中and 和 &amp;&amp;出坑指南
Jul 13 Javascript
微信小程序实现tab左右切换效果
Nov 15 Javascript
js中位运算的运用实例分析
Dec 11 Javascript
JavaScript设计模式之门面模式原理与实现方法分析
Mar 09 Javascript
Vue Cli3 打包配置并自动忽略console.log语句的方法
Apr 23 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与已存在的Java应用程序集成
2006/10/09 PHP
PHP关于IE下的iframe跨域导致session丢失问题解决方法
2013/10/10 PHP
PHP中file_get_contents函数抓取https地址出错的解决方法(两种方法)
2015/09/22 PHP
laravel框架实现为 Blade 模板引擎添加新文件扩展名操作示例
2020/01/25 PHP
javascript 面向对象继承
2009/11/26 Javascript
JS上传图片前的限制包括(jpg jpg gif及大小高宽)等
2012/12/19 Javascript
javascript真的不难-回顾一下基础知识
2013/01/15 Javascript
JS 加入收藏夹的代码(主流浏览器通用)
2013/05/13 Javascript
js中indexof的用法详细解析
2013/12/24 Javascript
继续学习javascript闭包
2015/12/03 Javascript
AngularJS 如何在控制台进行错误调试
2016/06/07 Javascript
jQuery实现的简单拖拽功能示例
2016/09/13 Javascript
jQuery+PHP+Mysql实现抽奖程序
2020/04/12 jQuery
关于在vue-cli中使用微信自动登录和分享的实例
2017/06/22 Javascript
Nodejs中使用phantom将html转为pdf或图片格式的方法
2017/09/18 NodeJs
Angular4编程之表单响应功能示例
2017/12/13 Javascript
vue脚手架搭建过程图解
2018/06/06 Javascript
微信小程序canvas.drawImage完全显示图片问题的解决
2018/11/30 Javascript
Angular使用Restful的增删改
2018/12/28 Javascript
AJAX在JQuery中的应用详解
2019/01/30 jQuery
详解vuex的简单todolist例子
2019/07/14 Javascript
vue.js实现数据库的JSON数据输出渲染到html页面功能示例
2019/08/03 Javascript
基于JavaScript伪随机正态分布代码实例
2019/11/07 Javascript
[01:11:46]DOTA2-DPC中国联赛 正赛 iG vs Magma BO3 第一场 2月23日
2021/03/11 DOTA
python检测远程服务器tcp端口的方法
2015/03/14 Python
Python实现文件复制删除
2016/04/19 Python
python如何解析配置文件并应用到项目中
2019/06/27 Python
python连接mysql有哪些方法
2020/06/24 Python
基于 HTML5 的 WebGL 3D 版俄罗斯方块的示例代码
2018/05/28 HTML / CSS
档案检查欢迎词
2014/01/13 职场文书
留学推荐信范文
2014/05/10 职场文书
婚礼秀策划方案
2014/05/19 职场文书
党的群众路线批评与自我批评发言稿
2014/10/16 职场文书
2015年预备党员自我评价
2015/03/04 职场文书
MyBatis-Plus 批量插入数据的操作方法
2021/09/25 Java/Android
ICOM R71E和R72E图文对比解说
2022/04/07 无线电