Comment faire pour supprimer l'élément de tableau dans la boucle forEach?

Il semble que vous essayez de faire cela?

Faire évoluer et muter un tableau à l'aide Tableau.le prototype.splice

JS:

var pre = document.getElementById('out');

function log(result) {
  pre.appendChild(document.createTextNode(result + '\n'));
}

var review = ['a', 'b', 'c', 'b', 'a'];

review.forEach(function(item, index, object) {
  if (item === 'a') {
    object.splice(index, 1);
  }
});

log(review);

HTML:

<pre id="out"></pre>

Qui fonctionne très bien pour de simples cas où vous n'avez pas 2 valeurs adjacentes éléments de tableau, l'autre sage vous avez ce problème.

JS:

var pre = document.getElementById('out');

function log(result) {
  pre.appendChild(document.createTextNode(result + '\n'));
}

var review = ['a', 'a', 'b', 'c', 'b', 'a', 'a'];

review.forEach(function(item, index, object) {
  if (item === 'a') {
    object.splice(index, 1);
  }
});

log(review);

HTML:

<pre id="out"></pre>

Que pouvons-nous faire à propos de ce problème lors de l'itération et de la mutation d'un tableau? Eh bien, la solution habituelle est de fonctionner en sens inverse. À l'aide de ES3 alors que mais vous pouvez utiliser pour de sucre si vous préférez

JS:

var pre = document.getElementById('out');

function log(result) {
  pre.appendChild(document.createTextNode(result + '\n'));
}

var review = ['a' ,'a', 'b', 'c', 'b', 'a', 'a'],
  index = review.length - 1;

while (index >= 0) {
  if (review[index] === 'a') {
    review.splice(index, 1);
  }

  index -= 1;
}

log(review);

HTML:

<pre id="out"></pre>

Ok, mais vous avez voulu vous avez voulu utiliser ES5 itération méthodes. Bien et option serait d'utiliser Tableau.le prototype.filtre mais ce n'est pas muter le tableau d'origine, mais en crée une nouvelle, si bien que vous pouvez obtenir la bonne réponse, il n'est pas ce que vous avez spécifié.

On peut aussi utiliser ES5 Tableau.le prototype.reduceRight, non pas pour sa réduction à la propriété plutôt par son itération de la propriété, c'est à dire effectuer une itération dans le sens inverse.

JS:

var pre = document.getElementById('out');

function log(result) {
  pre.appendChild(document.createTextNode(result + '\n'));
}

var review = ['a', 'a', 'b', 'c', 'b', 'a', 'a'];

review.reduceRight(function(acc, item, index, object) {
  if (item === 'a') {
    object.splice(index, 1);
  }
}, []);

log(review);

HTML:

<pre id="out"></pre>

Ou nous pourrions utiliser ES5 Tableau.protoype.indexOf comme si.

JS:

var pre = document.getElementById('out');

function log(result) {
  pre.appendChild(document.createTextNode(result + '\n'));
}

var review = ['a', 'a', 'b', 'c', 'b', 'a', 'a'],
  index = review.indexOf('a');

while (index !== -1) {
  review.splice(index, 1);
  index = review.indexOf('a');
}

log(review);

HTML:

<pre id="out"></pre>

Mais vous souhaitez utiliser ES5 Tableau.le prototype.forEach, que pouvons-nous faire? Et bien nous avons besoin d'utiliser Tableau.le prototype.tranche pour faire une copie de la matrice et Tableau.le prototype.inverse afin que nous puissions travailler dans le sens inverse pour muter le tableau d'origine.

JS:

var pre = document.getElementById('out');

function log(result) {
  pre.appendChild(document.createTextNode(result + '\n'));
}

var review = ['a', 'a', 'b', 'c', 'b', 'a', 'a'];

review.slice().reverse().forEach(function(item, index, object) {
  if (item === 'a') {
    review.splice(object.length - 1 - index, 1);
  }
});

log(review);

HTML:

<pre id="out"></pre>

Enfin ES6 nous offre quelques solutions de rechange, où nous n'avons pas besoin de faire peu profondes des copies et de les inverser. Notamment, on peut utiliser Les générateurs et les Itérateurs. Toutefois, le soutien est relativement faible à l'heure actuelle.

JS:

var pre = document.getElementById('out');

function log(result) {
  pre.appendChild(document.createTextNode(result + '\n'));
}

function* reverseKeys(arr) {
  var key = arr.length - 1;

  while (key >= 0) {
    yield key;
    key -= 1;
  }
}

var review = ['a', 'a', 'b', 'c', 'b', 'a', 'a'];

for (var index of reverseKeys(review)) {
  if (review[index] === 'a') {
    review.splice(index, 1);
  }
}

log(review);

HTML:

<pre id="out"></pre>

Quelque chose à noter dans tout ce qui précède est que, si vous étiez décapage NaN à partir de la matrice de comparaison avec d'égal à égal n'est pas d'aller travailler, car en Javascript NaN === NaN est faux. Mais nous allons ignorer que dans les solutions que elle encore d'une autre indéterminé de cas de bord.

Donc là, nous avons, une réponse plus complète avec des solutions qui ont toujours des cas limites. Le premier exemple de code est toujours correct, mais comme l'a dit, il n'est pas sans problèmes.

Vous pouvez également utiliser indexOf au lieu de faire ce

var i = review.indexOf('\u2022 \u2022 \u2022');
if (i !== -1) review.splice(i,1);

De ce qui suit va vous donner tous les éléments qui n'est pas à la hauteur de vos caractères spéciaux!

review = jQuery.grep( review, function ( value ) {
return ( value !== '\u2022 \u2022 \u2022' );
} );