Javascript数组操作高级心得整理.docVIP

Javascript数组操作高级心得整理 Array 对象属性 属性 描述FF IE constructor 返回对创建此对象的数组函数的引用。index 1 4 input 1 4 length 设置或返回数组中元素的数目。prototype 使您有能力向对象添加属性和方法。arr[15]=34; alert(arr.length);//显示16 代码中同样是先定义了一个包含10个数字的数组，通过alert语句可以看出其长度为10。随后使用了索引为15的元素，将其赋值为15，即 arr[15]=34，这时再用alert语句输出数组的长度，得到的是16。无论如何，对于习惯于强类型编程的开发人员来说，这是一个很令人惊讶的特性。事实上，使用new Array()形式创建的数组，其初始长度就是为0，正是对其中未定义元素的操作，才使数组的长度发生变化。 由上面的介绍可以看到，length属性是如此的神奇，利用它可以方便的增加或者减少数组的容量。因此对length属性的深入了解，有助于在开发过程中灵活运用。 prototype 说明：prototype 是在 IE 4 及其以后版本引入的一个针对于某一类的对象的方法，而且特殊的地方便在于：它是一个给类的对象添加方法的方法！这一点可能听起来会有点乱，别急，下面我便通过实例对这一特殊的方法作已下讲解：　　首先，我们要先了解一下类的概念，JavaScript 本身是一种面向对象的语言，它所涉及的元素根据其属性的不同都依附于某一个特定的类。我们所常见的类包括：数组变量(Array)、逻辑变量 (Boolean)、日期变量(Date)、结构变量(Function)、数值变量(Number)、对象变量(Object)、字符串变量 (String) 等，而相关的类的方法，也是程序员经常用到的（在这里要区分一下类的注意和属性发方法），例如数组的push方法、日期的get系列方法、字符串的 split方法等等，　　但是在实际的编程过程中不知道有没有感觉到现有方法的不足？prototype 方法应运而生！下面，将通过实例由浅入深讲解 prototype 的具体使用方法：1、最简单的例子，了解 prototype：(1) Number.add(num)：作用，数字相加实现方法： Number.prototype.add = function(num){return(this+num);}试验：alert((3).add(15)) - 显示 18 (2) Boolean.rev(): 作用，布尔变量取反实现方法 Boolean.prototype.rev = function(){return(!this);} 试验：alert((true).rev()) - 显示 false 是不是很简单？这一节仅仅是告诉读者又这么一种方法，这种方法是这样运用的。2、已有方法的实现和增强，初识 prototype：(1) Array.push(new_element)作用：在数组末尾加入一个新的元素　　 实现方法：Array.prototype.push = function(new_element){ ???????? this[this.length]=new_element; ???????? return this.length; } 让我们进一步来增强他，让他可以一次增加多个元素！实现方法： 　Array.prototype.pushPro = function(arguments) {???????? var currentLength = this.length;???????? for (var i = 0; i arguments.length; i++) {???????????? this[currentLength + i] = arguments[i];???????? }???????? return this.length;???? } 　(2)javascript中无法通过一个索引去移除一个无素.通过对ARRAY的扩展.实现了对javascript Array对象通过索引移除数组中的一个元素.让我们来！实现方法：Array.prototype.remove=function(index)? {??? if(isNaN(index)|| index this.length){return false;}??? for(var i=0,n=0;ithis.length;i++)??? {??????? if(this[i]!=this[index])??????? {??????????? this[n++]=t