js数组的扩展方法

来源：互联网发布：马化腾第一个软件编辑：程序博客网时间：2024/05/18 09:54

1、用于清空数组

Js代码  
Array.prototype.clear = function() {  
    this.length = 0;  
}  

2、判断数据项在数组中的位置

varoldArrayIndexOf = Array.indexOf;//判断是否原始浏览器是否存在indexOf方法Array.prototype.indexOf = function(obj) {    if(!oldArrayIndexOf) {        for(vari = 0, imax = this.length; i < imax; i++) {            if(this[i] === obj) {                returni;            }        }        return-1;    } else{        returnoldArrayIndexOf(obj);    }}

3、判断数据项是否在该数组中

Array.prototype.contain = function(obj) {    returnthis.indexOf(obj) !== -1;}

4、把数据项添加到指定的位置

Array.prototype.insertAt = function(index, obj) {    if(index < 0) index = 0;     if(index > this.length) index = this.length;    this.length++;    for(vari = this.length - 1; i > index; i--) {        this[i] = this[i - 1];    }    this[index] = obj;}

5、返回最有一项数据

Array.prototype.last = function() {    returnthis[this.length - 1];}

6、移除数组指定索引的值

Array.prototype.removeAt = function(index) {    if(index < 0 || index >= this.length) return;    varitem = this[index];    for(vari = index, imax = this.length - 2; i < imax; i++) {         this[i] = this[i + 1];     }     this.length--;     returnitem; }

7、移除数据项的数据

Array.prototype.removeAt = function(obj) {     varindex = this.indexOf(obj);     if(index >= 0)        this.removeAt(index);}

8、用于数组的查询
用于查询对象数组中对象的某些值，同时支持对已查询属性进行重命名，若查询的属性不在改数组中，则该属性返回为undefined

Js代码  
Array.prototype.select = function(args) {  
    varnewItems = [];  
    if(typeof(args) === "object"&& arguments.length === 1) {//传入查询的参数为对象时的处理方式  
        for(vari = 0, imax = this.length; i < imax; i++) {  
            varitem = {};  
            for(varkey inargs) {  
                if(args[key] !== undefined) {  
                    item[key] = this[i][key] === undefined ? "undefined": this[i][key];  
                }  
            }  
            newItems.push(item);  
        }  
    } elseif(typeof(args) === "string"&& arguments.length === 1) {//传入参数为字符串，且只有一个参数的处理方式  
        for(vari = 0, imax = this.length; i < imax; i++) {  
            varitem = {};  
            varkeys = args.split(',');  
            for(vark = 0, kmax = keys.length; k < kmax; k++) {  
                variKey = keys[k].split("as");  
                if(iKey.length === 1) {  
                    item[iKey[0].trim()] = this[i][iKey[0].trim()] === undefined ? "undefined": this[i][iKey[0].trim()];  
                } else{  
                    item[iKey[1].trim()] = this[i][iKey[0].trim()] === undefined ? "undefined": this[i][iKey[0].trim()];  
                }  
            }  
            newItems.push(item);  
        }  
    } else{//传入的参数是多个字符串的处理方式  
        for(vari = 0, imax = this.length; i < imax; i++) {  
            varitem = {};  
            for(varj = 0, jmax = arguments.length; j < jmax; j++) {  
                if(arguments[j] !== undefined) {  
                    variKey = arguments[j].split("as");  
                    if(iKey.length === 1) {  
                        item[iKey[0].trim()] = this[i][iKey[0].trim()] === undefined ? "undefined": this[i][iKey[0].trim()];  
                    } else{  
                        item[iKey[1].trim()] = this[i][iKey[0].trim()] === undefined ? "undefined": this[i][iKey[0].trim()];  
                    }  
                }  
            }  
            newItems.push(item);  
        }  
    }  
    returnnewItems;  
}  

假设数据对象数组为：var obj = [{ name: "张三", second.age: "24", sex: "男" }
, { name: "张二", age: "21", sex: "女" }
, { name: "张一", age: "23", sex: "男" }
, { name: "张四", age: "25", sex: "女" }
, { name: "张五", age: "22", sex: "男"}];

例一：obj.select(“name,second.age as age,sex”);
例二：obj.select(“name”,”second.age as age”,”sex”);
例三：查询属性对象var arg={name:”",second.age:”",sex:”"};
obj.select(arg);

9，js数组some方法的运用

数组some方法接受2个参数；一个是可以接受3个参数的回调函数，一个是代表执行上下文的对象，some方法返回boolean型；

回调函数是用来判断传入的数组中是否有满足条件的方法编写；

例如：查找数组中是否存在某元素：

Js代码  
var arr =[2,3,5,6,7,9];  
var id  = 5;  
//回调函数，用于做逻辑判断  
function back(arr){  
     return arr === id;  
}  
if(arr.some(back)){  
     alert('true')  
}else{  
     alert('false')  
}  

some可用来处理复杂的搜索，比如同时判断多个条件：

Js代码  
var found = null;  
var points = [ {x: 10, y: 20}, {x: 15, y: 53}, {x: 17, y: 72}];  
points.some(function (point) {  
 if (point.x > 10 && point.y < 60) {   
 found = point; // found return true;  
 }   
 return false;  
});  
if (found) {  
 alert("Found: " + found.x + ", " + found.y); // Found: 15, 53  
}  

我们也可以用forEach来查询，但forEach到达指定的条件后并不能中止代码执行，需要额外抛出异常才能跳出forEach的循环。

------------------------------------------------------jquery操作数组的方法------------------------

使用grep()方法可以进行数组的筛选：

jQuery.grep( array, function(elementOfArray, indexInArray) [, invert ] )

array
类型: Array
用于查询元素的数组。
function(elementOfArray, indexInArray)
类型: Function()
该函数来处理每项元素的比对。第一个参数是正在被检查的数组的元素，第二个参数是该元素的索引值。该函数应返回一个布尔值。this将是全局的window对象。
invert
类型: Boolean
如果“invert”为false，或没有提供，函数返回一个“callback”中返回true的所有元素组成的数组，。如果“invert”为true，函数返回一个“callback”中返回false的所有元素组成的数组。

返回的是满足条件的数组；

扩展链接：http://www.css88.com/jqapi-1.9/jQuery.grep/

-------也可以使用array 的 some方法：

不同的是some方法只要数组中有一个满足条件的，就会返回true，some方法中传入的参数是一个回调函数；

var array = [1,2,3,4,5,9]

function back(arr){

arr >0//arr代表数组中的元素

}

array.some(back(array));//true

0 0