在jQuery中，如何在每个循环中动态删除数组元素？

Question

假设我有一个数组：

var arr = [1,2,3,4,5];

我用jQuery.each循环它们：

$(arr).each(function(index, value){
    if (somethingIsTrue){
        // Based on if "somethingIsTrue" I want to remove this particular item from the array at this point
    }
});

我该如何实现？

Answer 1

var arr = [1, 2, 3, 4, 5, 6, 6, 7, 8, 9, 10, 11, 12];
var arr1 = []   //make a separate array to store numbers fulfilling specified condition

$.each(arr,function(i,v){
    if(somethingIsTrue){
    arr1.push(v)  //fill second array with required numbers fulfilling specified condition
    }
});

工作演示

要么

var arr = [1,2,2,2,3,4,5,5,5,6,7,8];
var filteredarr = $.map(arr,function (value,index) {
  return (somethingIsTrue ? value : null)
});

'filteredarr'将是另一个具有满足条件的数字的数组。

工作演示

要么

尝试.splice() ，如下所示：

var arr = [1,2,3,4,5];

$(arr).each(function(index, value){
  if(somethingIsTrue){
    arr.splice(index,1)
  }
});

工作演示

要么

$.each(arr,function(i,v){
  if(somethingIsTrue){
  var i1 = arr.indexOf(v);
    arr.splice(i1,1);
  }
});

工作演示

注意：-如果数组不包含重复的数字（如在问题中指定的发问者），则后两个答案绝对可以正常工作，并且前两个答案在任何情况下均适用。

Answer 2

您尝试执行此操作的方式存在许多问题。 您不应在数字数组上使用$(arr) ，并且在遍历数组时也不应从数组中删除元素。 那是有缺陷的代码的必经之路。

而不是jQuery和each() ，应该使用Array.prototype.filter （如果需要支持较旧的浏览器或绝对希望使用jQuery，也可以使用$.grep() ）：

var filtered = arr.filter(function (value) {
    return !somethingIsTrue;
});

调用此方法后， filtered将是一个数组，其中包含somethingIsTrue不为true（这是我认为您要的内容）的所有项目。

如上所述，jQuery的each不是在这里使用的工具，但一般而言，您应该只使用$(arr)当arr只包含DOM元素。 要遍历jQuery中的普通数组，请使用$.each(arr, callback) 。

工作实例

Answer 3

试试这个小提琴， http://jsfiddle.net/devools/35aysq6t/

var arr = [1, 2, 3];


$(arr).each(function (index, value) {
    if (value = 2) {
        arr = jQuery.grep(arr, function(value) {
            return value != 2;
        });
    }
});

$(arr).each(function (index, value) {
    $('.array').append(value + ',');
});