js数组怎么删除指定元素_给数组添加一个元素的方法

js数组怎么删除指定元素_给数组添加一个元素的方法js数组是js部分非常重要的知识,有时我们有这么个需求js数组删除指定元素,先定义一个函数来获取删除指定元素索引值,然后用js数组删除的方法,来删除指定元素即可,就两步不难,很简单。1、JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,也就是索引值,代码如下: 1 2 3 4 5 6 Array….

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

     js数组是js部分非常重要的知识,有时我们有这么个需求js数组删除指定元素,先定义一个函数来获取删除指定元素索引值,然后用js数组删除的方法,来删除指定元素即可,就两步不难,很简单。

js数组删除指定元素

1、JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,也就是索引值,代码如下:

1

2

3

4

5

6

Array.prototype.indexOf = function(val) { 

for (var i = 0; i < this.length; i++) { 

if (this[i] == val) return i; 

return -1; 

};

2、使用通过得到这个元素的索引,使用js数组自己固有的函数去删除这个元素,代码如下:

1

2

3

4

5

6

Array.prototype.remove = function(val) { 

var index = this.indexOf(val); 

if (index > -1) { 

this.splice(index, 1); 

   

};

这样就构造了这样一个js数组删除函数

3、案例:要删除如下myCase数组中的 ‘cd’:

1

 var myCase=new Array("abk","djp","dcg","cd");

    就可以直接使用了:

1

myCase.remove('cd');

4、最后

     验证一下,js数组删除指定元素是否成功:

1

 console.log(myCase[3]);

  我们可以在控制台看到 undefined未定义,说明数组的第四项已经删除了。

js数组删除指定元素

5、案例完整版代码:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<script type="text/javascript">

   Array.prototype.indexOf = function(val) {

        for (var i = 0; i < this.length; i++) {

            if (this[i] == val) return i;

        }

        return -1;

    };

    Array.prototype.remove = function(val) {

        var index = this.indexOf(val);

        if (index > -1) {

            this.splice(index, 1);

        }

    };

    var myCase=new Array("abk","djp","dcg","cd");

    myCase.remove('cd');

    console.log(myCase[3]); //打印出结果:undefined

</script>

原文地址:http://tangjiusheng.com/js/178.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/188842.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • sql is not null 优化(oracle语句索引优化)

    oracle优化:ISNULL的优化优化方法:通过nvl(字段i,j),将字段i中为空的数据转化为j,从而将条件iisnull转化为j=nvl(i,j);转化isnull在所用oracle版本提升明显,注意:使用时必须确保字段i的数据不包含j!函数介绍:nvl(a,b,c,…)当a为空时取b,当b为空取c,以此类推.优化示例select*fromtab_i…

    2022年4月17日
    577
  • cas单点登录的时序图

    cas单点登录的时序图cas系统介绍这里有详细的cas系统介绍:点击查看cas单点登录系统时序图

    2022年6月3日
    36
  • cisco光纤交换机配置「建议收藏」

    cisco光纤交换机配置「建议收藏」1.初始化信息首次设置,必须通过console进行连接(需要U口转DB9针的接口线,专门卖接口线的有卖大约30元),然后进行初始化设计,以后设定IP后可通过LAN进行登陆具体步骤:(红色字体部分着重注意,需要进行设置,大部分按照默认设置即可,而且设置的部分进入管理工具软件可以更改)—-SystemAdminAccountSetup—-Enterthep…

    2022年5月21日
    106
  • 数字电路实验 01 – | TTL门电路的逻辑功能测试「建议收藏」

    数字电路实验 01 – | TTL门电路的逻辑功能测试「建议收藏」一、实验目的和任务测试TTL集成芯片中的与门、或门、非门、与非门、或非门与异或门的逻辑功能。 了解测试的方法与测试的原理。二、实验原理介绍实验中用到的基本门电路的符号为:在测试芯片逻辑功能时输入端用逻辑电平输出单元输入高低电平,然后使用逻辑电平显示单元显示输出的逻辑功能。三、实验数据、计算及分析…

    2022年7月15日
    13
  • epoll、poll、select的原理和区别

    epoll、poll、select的原理和区别一、什么是epoll?epoll是一种I/O事件通知机制,是linux内核实现IO多路复用的一个实现。IO多路复用是指,在一个操作里同时监听多个输入输出源,在其中一个或多个输入输出源可用的时候返回,然后对其的进行读写操作。epoll有两种工作方式,ET-水平触发和LT-边缘触发(默认工作方式),主要区别是:LT,内核通知你fd是否就绪,如果没有处理,则会持续通知。而ET,内核只通知一次。二、epoll的三个函数intepoll_create(intsize)size参数告诉内核这

    2025年6月16日
    2
  • android插件化资源_android 插件化

    android插件化资源_android 插件化AndroidEagleEye是一个基于Xposed的应用,可以实现对Android系统API与应用自身方法的Hook,最终会将Hook的API或方法的信息以Log的形式输出,包括应用的uid、API或方法的名称、参数信息等。在使用AndroidEagleEye过程中对设备造成的任何风险自负特色可实现对Android系统API以及应用自身方法的Hook可根据配置

    2022年8月16日
    7

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号