js对象之JS入门之Array对象操作小结


Posted in Javascript onJanuary 09, 2011

不过在学脚本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方法:连接两个或多个数组并返回一个新的数组。值得我们注意的是(引用类型)对于从正被连接到新数组的数组中复制的对象参数,复制后仍然指向相同的对象,不论新数组和源数组中哪一个有改变,都将引起另一个的改变; (值类型)对于连接到新数组的数值或字符串,只复制其值,一个数组中值有改变并不影响另一个数组中的值。例子:

function ConcatArrayDemo(){ 
var a, b, c, d; 
a = new Array(1,2,3); 
b = "JScript"; 
c = new Array(42, "VBScript); 
d = a.concat(b, c); 
// 返回数组 [1, 2, 3, "JScript", 42, "VBScript"] 
return(d); 
}

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

pop方法:移除数组中的最后一个元素,并返回该元素。如果该数组为空则返回undefined。

  push方法:将以新元素出现的顺序添加这些元素如果参数之一为数组,那么该数组将作为单个元素添加到数组中。如果要合并两个或多个数组中的元素,请使用concat 方法。

  reverse 方法将一个 Array 对象中的元素位置进行反转。在执行过程中,这个方法并不会创建一个新的 Array 对象。如果数组是不连续的,reverse 方法将在数组中创建元素以便填充数组中的间隔。这样所创建的全部元素的值都是 undefined。

function ReverseDemo(){ 
var a, l; // 声明变量。 
a = new Array(0,1,2,3,4); // 创建数组并赋值。 
l = a.reverse(); // 反转数组的内容。 
//返回:l=[4,3,2,1,0] 
return(l); // 返回结果数组。 
}

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 参数提供了一个函数,那么该函数必须返回下列值之一:

负值,如果所传递的第一个参数比第二个参数小。
零,如果两个参数相等。
正值,如果第一个参数比第二个参数大。

function SortDemo(){ 
var a, l; // 声明变量。 
a = new Array("X" ,"y" ,"d", "Z", "v","m","r"); 
l = a.sort(); // 排序数组。 
return(l); // 返回排序的数组。 
}

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 方法相同。 

  到这里Array对象的所有东东也就差不多了,我把他们整理出来一个是为了能够巩固我的脚本知识,再次声明很多的例子都是前人留下来的,如果对你有不舒服的感觉请见谅!

Javascript 相关文章推荐
显示、隐藏密码
Jul 01 Javascript
jquery获取特定name所有选中的checkbox,支持IE9标准模式
Mar 18 Javascript
js+flash实现的5图变换效果广告代码(附演示与demo源码下载)
Apr 01 Javascript
JavaScript函数中关于valueOf和toString的理解
Jun 14 Javascript
jQuery常用样式操作实例分析(获取、设置、追加、删除、判断等)
Sep 08 Javascript
jQuery md5加密插件jQuery.md5.js用法示例
Aug 24 jQuery
Vue CLI 3搭建vue+vuex最全分析(推荐)
Sep 27 Javascript
React Component存在的几种形式详解
Nov 06 Javascript
微信小程序自定义toast组件的方法详解【含动画】
May 11 Javascript
vue中js判断长时间不操作界面自动退出登录(推荐)
Jan 22 Javascript
基于JavaScript获取url参数2种方法
Apr 17 Javascript
Axios取消重复请求的方法实例详解
Jun 15 Javascript
理解JavaScript中的对象 推荐
Jan 09 #Javascript
最佳JS代码编写的14条技巧
Jan 09 #Javascript
JavaScript定义类或函数的几种方式小结
Jan 09 #Javascript
javascript中用星号表示预录入内容的实现代码
Jan 08 #Javascript
js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]
Jan 08 #Javascript
js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
Jan 08 #Javascript
Jquery Ajax请求代码(2)
Jan 07 #Javascript
You might like
用PHP和ACCESS写聊天室(九)
2006/10/09 PHP
通过javascript的匿名函数来分析几段简单有趣的代码
2010/06/29 Javascript
基于jquery扩展漂亮的CheckBox(自己编写)
2013/11/19 Javascript
JS按字节截取字符长度实例
2013/11/20 Javascript
jquery遍历之parent()和parents()的区别及parentsUntil()方法详解
2013/12/02 Javascript
iframe调用父页面函数示例详解
2014/07/17 Javascript
JavaScript实现穷举排列(permutation)算法谜题解答
2014/12/29 Javascript
浅谈javascript面向对象程序设计
2015/01/21 Javascript
基于jQuery实现仿淘宝套餐选择插件
2015/03/04 Javascript
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
2015/11/27 Javascript
jquery 抽奖小程序实现代码
2016/10/12 Javascript
DataTables添加额外的查询参数和删除columns等无用参数实例
2017/07/04 Javascript
详解动画插件wow.js的使用方法
2017/09/13 Javascript
如何快速解决JS或Jquery ajax异步跨域的问题
2018/01/08 jQuery
Vue3.x源码调试的实现方法
2019/10/13 Javascript
[47:12]TFT vs Secret Supermajor小组赛C组 BO3 第三场 6.3
2018/06/04 DOTA
[40:27]完美世界DOTA2联赛PWL S3 PXG vs GXR 第一场 12.19
2020/12/24 DOTA
[01:32:50]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第一场 1月25日
2021/03/11 DOTA
用python实现的去除win下文本文件头部BOM的代码
2013/02/10 Python
python的三目运算符和not in运算符使用示例
2014/03/03 Python
python使用Queue在多个子进程间交换数据的方法
2015/04/18 Python
python获得一个月有多少天的方法
2015/06/04 Python
TensorFlow利用saver保存和提取参数的实例
2018/07/26 Python
python hash每次调用结果不同的原因
2019/11/21 Python
如何获取Python简单for循环索引
2019/11/21 Python
Python JSON编解码方式原理详解
2020/01/20 Python
使用Python内置模块与函数进行不同进制的数的转换
2020/04/26 Python
纯CSS3大转盘抽奖示例代码(响应式、可配置)
2017/01/13 HTML / CSS
html5使用Drag事件编辑器拖拽上传图片的示例代码
2017/08/22 HTML / CSS
保洁主管岗位职责
2013/11/20 职场文书
记者岗位职责
2014/01/06 职场文书
党员教师工作决心书
2014/03/13 职场文书
幼儿园保育员责任书
2014/07/22 职场文书
黑暗中的舞者观后感
2015/06/18 职场文书
关于艺术节的开幕致辞
2016/03/04 职场文书
linux下安装redis图文详细步骤
2021/12/04 Redis