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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 游戏 fd和Player

    游戏 fd和Player

    2021年8月18日
    68
  • saga分布式事务_spring分布式事务实现

    saga分布式事务_spring分布式事务实现Saga分布式事务解决方案与实践我先介绍一下我自己,我叫姜宁,来自于华为开源研究中心,现在负责的是ServiceComb这个开源项目。ServiceComb这个项目已经进到Apache孵化,应该是去年11月份时进到Apache孵化的,这个月我们帮刚发了1.0M1版,但对于SAGA来说我们属于探索的阶段,发布了0.1.0。我参与过Apache一些项目,我也是Apache的Member,…

    2022年9月19日
    0
  • mysql隔离级别选择_修改mysql事务隔离级别

    mysql隔离级别选择_修改mysql事务隔离级别今天同事问Oracle里的一致读也会像MySQL默认的锁住扫描的行吗?首先要明确Oracle里支持的隔离级别:readcommitted/serializable,默认的是readcommitted,而MySQl支持的隔离级别:readuncommitted/readcommitted/repeatableread/serializable,…

    2022年9月11日
    0
  • Rewritecond介绍

    Rewritecond介绍RewriteCondSyntax:RewriteCondTestStringCondPattern[flags]  RewriteCond指令定义一条规则条件。在一条RewriteRule指令前面可能会有一条或多条RewriteCond指令,只有当自身的模板(pattern)匹配成功且这些条件也满足时规则才被应用于当前URL处理。  TestString是一个字符串,除了包含普通的

    2022年6月13日
    20
  • node.js安装及环境配置超详细教程【Windows系统安装包方式】

    node.js安装及环境配置超详细教程【Windows系统安装包方式】简单的说Node.js就是运行在服务端的JavaScript。Node.js是一个基于ChromeJavaScript运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。

    2022年5月23日
    48
  • html超链接位置怎么改,如何修改HTML超链接样式?

    html超链接位置怎么改,如何修改HTML超链接样式?在网页开发中,我们不免会用到超链接,将内容链接到原网页上。如果不对超链接进行设置,链接默认以固定样式显示,过于单一。那么我们要如何修改HTML中的超链接呢?这篇文章W3Cschool小编为大家介绍一下。我们都知道,超链接是用标签来显示的。如果我们需要修改样式,则需要通过CSS修改它的样式。标签的样式还分为四个类型,分别为未访问、已访问、鼠标滑过、点击。a:link:未被访问的链接a:v…

    2022年7月19日
    25

发表回复

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

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