zoukankan      html  css  js  c++  java
  • jquery数组删除指定元素的方法:grep()

    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:表示数组的索引。

  • 相关阅读:
    【vue】------ 路由创建 ------ 【William】
    【vue】------------@vue/cli3.7.0创建项目+ts-------------【William】
    【svn】--------------svn介绍------------------【William】
    【vue】------浅谈vue------【William】
    node创建服务器
    vue项目搭建
    利用vw做rem适配(纯css)
    nodejs实现md5和SHA256加密
    Cookie、session、localStorage、sessionStorage的区别
    tpc三次握手与四次挥手
  • 原文地址:https://www.cnblogs.com/woaic/p/5508195.html
Copyright © 2011-2022 走看看