清除从javascript数组中删除元素的方法（使用jQuery，coffeescript）

Question

关于这一点有很多问题，尤其是： 数组的jQuery版本包含 ， splice方法的解决方案等等。 然而，它们看起来既复杂又令人讨厌。

利用javascript，jQuery和coffeescript的强大功能，从javascript数组中删除元素的最简洁方法是什么？ 我们事先并不知道该指数。 在代码中：

a = [4,8,2,3]
a.remove(8)     # a is now [4,2,3]

如果没有一个好的内置方法，那么扩展javascript数组以支持这种方法的干净方法是什么？ 如果它有帮助，我真的使用数组作为集合。 解决方案理想情况下可以在coffeescript中使用jQuery支持。 此外，我不关心速度，而是优先考虑清晰，简单的代码。

Answer 1

CoffeeScript的：

Array::remove = (e) -> @[t..t] = [] if (t = @indexOf(e)) > -1

这简单地拼接了位置t处的元素，即找到e的索引（如果实际发现t > -1 ）。 Coffeescript将其翻译为：

Array.prototype.remove = function(e) {
    var t, _ref;
    if ((t = this.indexOf(e)) > -1) {
        return ([].splice.apply(this, [t, t - t + 1].concat(_ref = [])), _ref);
    }
};

如果你想删除所有匹配的元素，并返回一个新的数组，使用CoffeeScript和jQuery：

Array::remove = (v) -> $.grep @,(e)->e!=v

这意味着：

Array.prototype.remove = function(v) {
    return $.grep(this, function(e) {
        return e !== v;
    });
};

或者在没有jQuery的grep的情况下做同样的事情：

Array::filterOutValue = (v) -> x for x in @ when x!=v

这意味着：

Array.prototype.filterOutValue = function(v) {
    var x, _i, _len, _results;
    _results = [];
    for (_i = 0, _len = this.length; _i < _len; _i++) {
        x = this[_i];
        if (x !== v) {
            _results.push(x);
        }
    }
    return _results;
};

Answer 2

使用vanilla Javascript：

Array.prototype.remove = function(elem) {
    var match = -1;

    while( (match = this.indexOf(elem)) > -1 ) {
        this.splice(match, 1);
    }
};

var a = [4, 8, 2, 3];

a.remove(8);

只有jQuery：

jQuery.removeFromArray = function(value, arr) {
    return jQuery.grep(arr, function(elem, index) {
        return elem !== value;
    });
};

var a = [4, 8, 2, 3];

a = jQuery.removeFromArray(8, a);

Answer 3

使用jQuery非常简单：

var index = $.inArray("value", myArray);
if(index != -1)
{
  myArray.splice(index, 1);
}

笔记：

splice返回已删除的元素，因此不要执行myArray = myArray.splice() 。 myArray.splice(index,1)表示“从数组中删除索引'index'处的数组元素”。

$.inArray返回您要查找的值的数组中的索引，如果该值不在数组中，则返回-1。

Answer 4

这看起来很干净，也很容易理解; 与其他答案不同，它考虑了元素不止一次出现的可能性。

Array.prototype.remove = function (value) {
    for (var i = 0; i < this.length; ) {
        if (this[i] === value) {
            this.splice(i, 1);
        } else {
           ++i;
        }
    }
}

在CoffeeScript中：

Array::remove = (value) ->
    i = 0
    while i < @length
        if @[i] == value
            @splice i, 1
        else
            ++i
    return @

Answer 5

虽然你要求使用Coffeescript或jQuery的干净方法，但我发现最干净的方法是使用vanilla javascript方法过滤器 ：

array.filter(function (item) { return item !== match });

它在coffeescript中看起来更干净，但这转换为完全相同的javascript，所以我只考虑它的视觉差异，而不是coffeescript的高级功能：

array.filter (item) -> item isnt match

过滤器是不是在传统的浏览器支持，但Mozilla的提供了一个填充工具附着在ECMA标准。 我认为这是一种非常安全的方法，因为您只是将旧浏览器引入现代标准，并且您没有在您的polyfill中发明任何新功能。

很抱歉，如果你专门寻找一个jQuery或Coffeescript方法，但我认为你主要是要求一个库方法，因为你不知道一个干净的javascript方法。

你有它，不需要图书馆！

Answer 6

如果你也在使用CoffeeScript creator的underscore.js库，这里有一个可以很好地工作的单行程：

a = _(a).reject (v)-> v is e

或者在js中：

a = _(a).reject(function(v) { return v == e; });

Answer 7

这只是对Amir的绝佳解决方案的一个小改动：

Array::remove = (e) -> @splice(t,1)[0] if (t = @indexOf(e)) > -1

如果列表中有元素，则返回元素，因此您可以执行以下操作：

do_something 100 if a.remove(100)

删除咖啡脚本转换为此JavaScript：

Array.prototype.remove = function(e) {
  var t, _ref;
  if ((t = this.indexOf(e)) > -1) {
    return ([].splice.apply(this, [t, t - t + 1].concat(_ref = [])), _ref);
  }};

Answer 8

您可能只是尝试jQuery的grep实用程序：

a = [4,8,2,3]
$.grep(a,function(v){return v!=8;})

这里可能存在性能问题，因为您在技术上导致变量引用新数组; 你并没有真正修改原来的那个。 假设原始文件没有在其他地方被引用，垃圾收集器应该很快或者这个。 这对我来说从来都不是问题，但其他人可能会更清楚。 干杯!