JS Array对象入门分析


Posted in Javascript onOctober 30, 2008

不过在学脚本prototype.js的过程中发现有些方法我们很少用到,但是有些方法好像很经典,脚本库在不断的加大,眼前一片...继续我们JS入门,今天学习一下Array数组。
首先我们来看看它的定义:

var arrayObj = new Array() 
var arrayObj = new Array([size]) 
var arrayObj = new Array([element0[, element1[, [, elementN]]]])

其中:arrayObj是赋值为 Array 对象的变量名。
size由于数组的下标是从零开始,创建的元素的下标将从零到 size -1。
element0,...,elementN这将创建具有 n + 1 个元素的长度为 n + 1 的数组。使用该语法时必须有一个以上元素。
如果只向 Array 的构造函数传递了一个参数,而该参数是数字,则它必须是无符号 32 位整数(大约 40 亿)。该值成为数组的大小。如果该值为数值,但小于 0 或不为整数,发生运行时错误。
如果传递给 Array 构造函数的是单个值并且不是数值,设置 length 属性为 1,而且唯一的元素值成为单个的传入的参数。
由于JS数组为解析数组,也就是尽管可以分配多个元素给一个数组,但实际上只有包含数据的元素才存在。这减少了数组使用的内存数量。
Array对象具有三个内置属性:constructor,length,prototype我会在特地写一篇关于constructor, prototype,arguments等对象属性的文章,在这里就不在多说了。下面我们主要看看Array内置的一些方法,这个对我们很重要,因为会经常用得这个东东。
concat方法:连接两个或多个数组并返回一个新的数组。值得我们注意的是(引用类型)对于从正被连接到新数组的数组中复制的对象参数,复制后仍然指向相同的对象,不论新数组和源数组中哪一个有改变,都将引起另一个的改变; (值类型)对于连接到新数组的数值或字符串,只复制其值,一个数组中值有改变并不影响另一个数组中的值。例子:
1 function ConcatArrayDemo(){ 
2 var a, b, c, d; 
3 a = new Array(1,2,3); 
4 b = "JScript"; 
5 c = new Array(42, "VBScript); 
6 d = a.concat(b, c); 
7 // 返回数组 [1, 2, 3, "JScript", 42, "VBScript"] 
8 return(d); 
9 } 
10

join方法:将数组中的项,按特定的分隔符转化为字符串并返回,默认分隔符为逗号,例子: 
1 function JoinDemo(){ 
2 var a, b; 
3 a = new Array(0,1,2,3,4); 
4 b = a.join("-"); 
5 //返回:"0-1-2-3-4" 
6 return(b); 
7 }

pop方法:移除数组中的最后一个元素,并返回该元素。如果该数组为空则返回undefined。
push方法:将以新元素出现的顺序添加这些元素,如果参数之一为数组,那么该数组将作为单个元素添加到数组中。如果要合并两个或多个数组中的元素,请使用 concat 方法。
reverse 方法将一个 Array 对象中的元素位置进行反转。在执行过程中,这个方法并不会创建一个新的 Array 对象。如果数组是不连续的,reverse 方法将在数组中创建元素以便填充数组中的间隔。这样所创建的全部元素的值都是 undefined。
1 function ReverseDemo(){ 
2 var a, l; // 声明变量。 
3 a = new Array(0,1,2,3,4); // 创建数组并赋值。 
4 l = a.reverse(); // 反转数组的内容。 
5 //返回:l=[4,3,2,1,0] 
6 return(l); // 返回结果数组。 
7 }

shift 方法可移除数组中的第一个元素并返回该元素。
slice 方法返回一个 Array 对象,其中包含了 arrayObj 的指定部分。slice 方法一直复制到 end 所指定的元素,但是不包括该元素。如果 start 为负,将它作为 length + start处理,此处 length 为数组的长度。如果 end 为负,就将它作为 length + end 处理,此处 length 为数组的长度。如果省略 end ,那么 slice 方法将一直复制到 arrayObj 的结尾。如果 end 出现在 start 之前,不复制任何元素到新数组中。例子:
//除了最后一个元素之外,myArray 中所有的元素都被复制到 newArray 中:
newArray = myArray.slice(0, -1)
sort 方法将 Array 对象进行适当的排序;在执行过程中并不会创建新的 Array 对象。如果为 sortfunction 参数提供了一个函数,那么该函数必须返回下列值之一:
· 负值,如果所传递的第一个参数比第二个参数小。
· 零,如果两个参数相等。
· 正值,如果第一个参数比第二个参数大。 
1 function SortDemo(){ 
2 var a, l; // 声明变量。 
3 a = new Array("X" ,"y" ,"d", "Z", "v","m","r"); 
4 l = a.sort(); // 排序数组。 
5 return(l); // 返回排序的数组。 
6 }

splice 方法可以移除从 start 位置开始的指定个数的元素并插入新元素,从而修改 arrayObj。返回值是一个由所移除的元素组成的新 Array 对象。 格式如下:
arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])
toLocaleString 方法 将在Date对象中讲解,一般这个方法只是返回给用户,不作为代码中计算。
unshift 方法将这些元素插入到一个数组的开始部分,所以这些元素将以参数序列中的次序出现在数组中。格式如下:
arrayObj.unshift([item1[, item2 [, . . . [, itemN]]]])
valueOf方法&toString() 数组的元素被转换为字符串,这些字符串由逗号分隔,连接在一起。其操作与 Array.toString 和 Array.join 方法相同。
Javascript 相关文章推荐
javascript数组使用调用方法汇总
Dec 08 Javascript
extJs 下拉框联动实现代码
Apr 09 Javascript
YUI Compressor压缩JavaScript原理及微优化
Jan 07 Javascript
jQuery简单实现遍历数组的方法
Apr 14 Javascript
详解JavaScript的另类写法
Apr 11 Javascript
AngularJS基础 ng-open 指令简单实例
Aug 02 Javascript
IntersectionObserver实现图片懒加载的示例
Sep 29 Javascript
create-react-app修改为多页面支持的方法
May 17 Javascript
解决vue脚手架项目打包后路由视图不显示的问题
Sep 20 Javascript
jQuery pagination分页示例详解
Oct 23 jQuery
解决echarts图表使用v-show控制图表显示不全的问题
Jul 19 Javascript
vue-cli单页面预渲染seo-prerender-spa-plugin操作
Aug 10 Javascript
ajaxControlToolkit AutoCompleteExtender的用法
Oct 30 #Javascript
编写跨浏览器的javascript代码必备[js多浏览器兼容写法]
Oct 29 #Javascript
关于B/S判断浏览器断开的问题讨论
Oct 29 #Javascript
JS写的数字拼图小游戏代码[学习参考]
Oct 29 #Javascript
JavaScript函数、方法、对象代码
Oct 29 #Javascript
js身份证验证超强脚本
Oct 26 #Javascript
javascript引导程序
Oct 26 #Javascript
You might like
discuz论坛 用户登录 后台程序代码
2008/11/27 PHP
Javascript判断对象是否相等实现代码
2013/03/18 Javascript
MyEclipse取消验证Js的两种方法
2013/11/14 Javascript
javascript 处理null及null值示例
2014/06/09 Javascript
用JavaScript实现使用鼠标画线的示例代码
2014/08/19 Javascript
JavaScript 模块化编程(笔记)
2015/04/08 Javascript
纯javascript响应式树形菜单效果
2015/11/10 Javascript
jQuery子元素过滤选择器用法示例
2016/09/09 Javascript
浅谈bootstrap使用中的一些问题以及解决过程
2016/10/18 Javascript
[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码
2016/12/20 Javascript
浅谈vue中使用图片懒加载vue-lazyload插件详细指南
2017/10/23 Javascript
webpack+vue-cil中proxyTable处理跨域的方法
2018/07/20 Javascript
微信小程序框架wepy之动态控制类名
2018/09/14 Javascript
在vue项目中,将juery设置为全局变量的方法
2018/09/25 Javascript
使用 Vue cli 3.0 构建自定义组件库的方法
2019/04/30 Javascript
浅谈JS中this在各个场景下的指向
2019/08/14 Javascript
vue用ant design中table表格,点击某行时触发的事件操作
2020/10/28 Javascript
[04:59]2018DOTA2亚洲邀请赛 4.7 Mineski夺冠时刻
2018/04/09 DOTA
python+opencv轮廓检测代码解析
2018/01/05 Python
在python3.5中使用OpenCV的实例讲解
2018/04/02 Python
利用Python如何批量修改数据库执行Sql文件
2018/07/29 Python
Python3 读、写Excel文件的操作方法
2018/10/20 Python
opencv与numpy的图像基本操作
2019/03/08 Python
详解Windows下PyCharm安装Numpy包及无法安装问题解决方案
2020/06/18 Python
python文件排序的方法总结
2020/09/13 Python
HTML5 video进入全屏和退出全屏的实现方法
2020/07/28 HTML / CSS
超30万乐谱下载:Musicnotes.com
2016/09/24 全球购物
车间统计员岗位职责
2014/01/05 职场文书
如何写你的创业计划书
2014/01/07 职场文书
保险内勤岗位职责
2014/04/05 职场文书
2014年惩防体系建设工作总结
2014/12/01 职场文书
5.12护士节活动总结
2015/02/10 职场文书
2015年“我们的节日·中秋节”活动总结
2015/07/30 职场文书
青年干部培训班学习心得体会
2016/01/06 职场文书
python模块与C和C++动态库相互调用实现过程示例
2021/11/02 Python
Python基本知识点总结
2022/04/07 Python