Home >Web Front-end >JS Tutorial >浅析jquery数组删除指定元素的方法:grep()_jquery
遇到的问题
今天遇到一个问题,删除数组中的一个指定元素,并返回新的数组。
我定义的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()就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。