javascript中，知道一个值，如何删除数组中的这个值的元素。

Posted 2023-04-12

例如：array=（3,56,78,24,56,23），提交 78 后，如何使数组变成array=（3,56,24,56,23）？

参考技术A 可以这样：
array.splice(2,1);
说明：
splice 方法
从一个数组中移除一个或多个元素，如果必要，在所移除元素的位置上插入新元素，返回所移除的元素。

arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])

参数
arrayObj

必选项。一个 Array 对象。

start

必选项。指定从数组中移除元素的开始位置，这个位置是从 0 开始计算的。

deleteCount

必选项。要移除的元素的个数。

item1, item2,. . .,itemN

必选项。要在所移除元素的位置上插入的新元素。

说明
splice 方法可以移除从 start 位置开始的指定个数的元素并插入新元素，从而修改 arrayObj。返回值是一个由所移除的元素组成的新 Array 对象。 参考技术B test = newArray(); Array.prototype.removeByValue = function(val) for(vari=0; i<this.length; i++) if(this[i] == val) this.splice(i, 1); break; test[0] = 'Apple'; test[1] = 'Ball'; test[2] = 'Cat'; test[3] = 'Dog'; alert("Array before removing elements: "+test); test.removeByValue('Cat'); alert("Array after removing elements: "+test);

参考资料：http://hi.baidu.com/tbxgoo123/blog/item/85cff0175ca69f48f919b8f1.html

本回答被提问者采纳

从数组中删除一个元素，在Javascript中指定一个值

【中文标题】从数组中删除一个元素，在Javascript中指定一个值

【英文标题】：Removing an element from an array specifying a value in Javascript

【发布时间】：2011-10-24 08:05:19

【问题描述】：

我已经阅读了这个问题：

Deleting array elements in JavaScript - delete vs splice

而且看起来 splice 和 delete 都需要元素的索引才能删除，那么当我有值时如何轻松找到索引？

例如，如果我有一个如下所示的数组：

["test1", "test2", "test3"]

我想删除 test2。我现在正在使用的过程（我希望这不是正确的方法）是使用$.each 检查数组中每个元素的值，在整个过程中维护一个计数器（用作索引参考) 并且如果该值等于“test2”，那么我有我的索引（以计数器的形式），然后使用 splice 将其删除。

虽然数组变大了，但我想这将是一个缓慢的过程，但我有什么替代方案？

【问题讨论】：

查看indexOf 了解您想要的内容。

【参考方案1】：

您可以使用 jQuery 的 $.inArray 并摆脱您的 $.each 循环，它可以跨浏览器工作（与 Array.indexOf 不同）：

var index = $.inArray("test2", ["test1", "test2", "test3"]); // 1

（我意识到您的问题没有用“jQuery”标记，但您确实提到您已经在使用 $.each 循环）。

【参考方案2】：

您想使用splice() 函数删除该项目，indexOf 会在数组中找到它：

在数组中查找特定元素：（知道要删除哪个）

var index = array.indexOf('test2'); 

完整示例：

var array = ['test1', 'test2', 'test3'];
var value_to_remove = 'test2';
array.splice(array.indexOf(value_to_remove), 1); 

Working Demo

【讨论】：

他知道——他甚至说他正在使用它。他想知道的是如何在splice中找到要使用的索引。

【参考方案3】：

您使用Array#indexOf 按值查找元素，然后使用生成的索引。请注意，较旧的浏览器可能没有它，因此您需要检查它是否存在，如果没有添加它 - 来自 MDC 的 here's some code 会进行检查并在不存在时添加该功能。

if (!Array.prototype.indexOf) 
    Array.prototype.indexOf = function (searchElement /*, fromIndex */ ) 
        "use strict";
        if (this === void 0 || this === null) 
            throw new TypeError();
        
        var t = Object(this);
        var len = t.length >>> 0;
        if (len === 0) 
            return -1;
        
        var n = 0;
        if (arguments.length > 0) 
            n = Number(arguments[1]);
            if (n !== n)  // shortcut for verifying if it's NaN
                n = 0;
             else if (n !== 0 && n !== (1 / 0) && n !== -(1 / 0)) 
                n = (n > 0 || -1) * Math.floor(Math.abs(n));
            
        
        if (n >= len) 
            return -1;
        
        var k = n >= 0 ? n : Math.max(len - Math.abs(n), 0);
        for (; k < len; k++) 
            if (k in t && t[k] === searchElement) 
                return k;
            
        
        return -1;
    

请注意，如果您像这样向Array 原型添加东西，假设它们只会看到数组索引的for..in 循环（即incorrect 但常见的for..in 循环）将开始出现问题，因为当他们只希望看到数组索引时，他们会看到字符串“indexOf”，有关详细信息，请参阅this blog post。

【参考方案4】：

var array = ["test1", "test2", "test3"];
array.splice(array.indexOf("test2"), 1);

indexOf (source): 返回可以在数组中找到给定元素的第一个索引，如果不存在则返回 -1。

【参考方案5】：

underscore.js 是一个非常棒的小库，有很多很好的实用功能。在这种情况下，#reject 是合适的。

http://documentcloud.github.com/underscore/#reject

（虽然内部方法当然类似于你手动索引查找和切片/拼接）。