下面小编就为大家带来一篇浅析jquery数组删除指定元素的方法:grep()。小编觉得挺不错的,现在分享给大家,也给大家做个参考。
遇到的问题
今天遇到一个问题,删除数组中的一个指定元素,并返回新的数组。
我定义的js数组是这样的:
var sexList=new Array[3];
sexList[0]="1";
sexList[1]="2";
sexList[2]="";
想达到的效果
我想达到的效果是这样的:
删除索引=1的元素,并返回新数组。
返回的结果是:
var sexList=new Array("1","");
我们知道,原生的javascript有一个函数:splice() 方法,可以删除数组中的指定元素。
关于splice()方法的具体用法,可以参考w3school的描述,这里不多做解释:http://www.w3school.com.cn/jsref/jsref_splice.asp
使用splice()的实现代码
我的实现代码:
var sexList=new Array[3];
sexList[0]="1";
sexList[1]="2";
sexList[2]="";
sexList=sexList.splice(1,1);
但是我发现我的数组使用这种方式时,返回的数组是不符合预期的。返回的是个空字符串。
后来网上搜索jquery的相关API,发现一个函数:grep()
grep()使用方法说明
jQuery.grep(array, callback, [invert])
概述
使用过滤函数过滤数组元素。
此函数至少传递两个参数:待过滤数组和过滤函数。过滤函数必须返回 true 以保留元素或 false 以删除元素。
参数:
英文名 | 参数中文说明 |
array: | 待过滤数组。 |
callback: | 此函数将处理数组每个元素。第一个参数为当前元素,第二个参数而元素索引值。此函数应返回一个布尔值。另外,此函数可设置为一个字符串,当设置为字符串时,将视为“lambda-form”(缩写形式?),其中 a 代表数组元素,i 代表元素索引值。如“a > 0”代表“function(a){ return a > 0; }”。 |
invert: | 如果 "invert" 为 false 或为设置,则函数返回数组中由过滤函数返回 true 的元素,当"invert" 为 true,则返回过滤函数中返回 false 的元素集。 |
使用grep()的实现代码
sexList=$.grep(sexList,function(n,i){
return i!=1;
});
function(n,i)中
n:表示数组的单个实体,
i:表示数组的索引。
以上这篇浅析jquery数组删除指定元素的方法:grep()就是小编分享给大家的全部内容了,希望能给大家一个参考