jquery数组删除指定元素的方法:grep()

Posted 2020-07-08 打怪升级中

jquery数组删除指定元素的方法:grep()

金刚

数组

jquery

javascript

元素

遇到的问题

今天遇到一个问题，删除数组中的一个指定元素，并返回新的数组。
我定义的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:表示数组的索引。