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


Posted in Javascript onMay 19, 2016

遇到的问题

今天遇到一个问题,删除数组中的一个指定元素,并返回新的数组。

我定义的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()就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
巧妙破除网页右键禁用的十大绝招
Aug 12 Javascript
JavaScript 利用StringBuffer类提升+=拼接字符串效率
Nov 24 Javascript
FileUpload上传图片(图片不变形)
Aug 05 Javascript
JS:window.onload的使用介绍
Nov 13 Javascript
使用Jquery获取带特殊符号的ID 标签的方法
Apr 30 Javascript
JavaScript中判断原生函数检查function是否是原生代码
Sep 09 Javascript
js 操作符汇总
Nov 08 Javascript
无循环 JavaScript(map、reduce、filter和find)
Apr 08 Javascript
create-react-app修改为多页面支持的方法
May 17 Javascript
详解npm 配置项registry修改为淘宝镜像
Sep 07 Javascript
ES6基础之字符串和函数的拓展详解
Aug 22 Javascript
react 不用插件实现数字滚动的效果示例
Apr 14 Javascript
基于jQuery的Web上传插件Uploadify使用示例
May 19 #Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
May 19 #Javascript
当jquery ajax遇上401请求的解决方法
May 19 #Javascript
基于Echarts 3.19 制作常用的图形(非静态)
May 19 #Javascript
前端js文件合并的三种方式推荐
May 19 #Javascript
Node.js+Express配置入门教程
May 19 #Javascript
JavaScript中解决多浏览器兼容性23个问题的快速解决方法
May 19 #Javascript
You might like
PHP新手上路(二)
2006/10/09 PHP
php生成SessionID和图片校验码的思路和实现代码
2009/03/10 PHP
PHP中的traits实现代码复用使用实例
2015/05/13 PHP
php打乱数组二维数组多维数组的简单实例
2016/06/17 PHP
php-fpm.conf配置文件中文说明详解及重要参数说明
2018/10/10 PHP
拖拉表格的JS函数
2008/11/20 Javascript
IE DOM实现存在的部分问题及解决方法
2009/07/25 Javascript
iframe 父窗口和子窗口相互的调用方法集锦
2010/12/15 Javascript
Javascript学习笔记之函数篇(五) : 构造函数
2014/11/23 Javascript
AngularJs Managing Service Dependencies详解
2016/09/02 Javascript
jQuery复合事件结合toggle()方法的用法示例
2017/06/10 jQuery
前端构建工具之gulp的语法教程
2017/06/12 Javascript
JavaScript设计模式之工厂模式和抽象工厂模式定义与用法分析
2018/07/26 Javascript
vue+echarts实现可拖动节点的折线图(支持拖动方向和上下限的设置)
2019/04/12 Javascript
JS实现移动端在线签协议功能
2019/08/22 Javascript
解决layui动态添加的元素click等事件触发不了的问题
2019/09/20 Javascript
[02:07]TI9显影之尘系列 - Vici Gaming
2019/08/20 DOTA
python根据给定文件返回文件名和扩展名的方法
2015/03/27 Python
学生信息管理系统python版
2018/10/17 Python
python如何爬取网站数据并进行数据可视化
2019/07/08 Python
python 画3维轨迹图并进行比较的实例
2019/12/06 Python
在django admin详情表单显示中添加自定义控件的实现
2020/03/11 Python
python 爬取英雄联盟皮肤并下载的示例
2020/12/04 Python
详解解决jupyter不能使用pytorch的问题
2021/02/18 Python
使用pandas读取表格数据并进行单行数据拼接的详细教程
2021/03/03 Python
python爬取youtube视频的示例代码
2021/03/03 Python
手把手教你用纯css3实现轮播图效果实例
2017/05/04 HTML / CSS
应届中专生自荐书范文
2014/02/13 职场文书
施工质量承诺书范文
2014/05/30 职场文书
学校党的群众路线教育实践活动制度建设计划
2014/11/03 职场文书
法律意见书范文
2015/06/04 职场文书
Jsonp劫持学习
2021/04/01 PHP
Redis持久化与主从复制的实践
2021/04/27 Redis
用JS写一个发布订阅模式
2021/11/07 Javascript
Pygame Draw绘图函数的具体使用
2021/11/17 Python
如何解决goland,idea全局搜索快捷键失效问题
2022/04/03 Golang