Problema con JavaScript ciclo For

Question

Si consideri il codice qui sotto:

function splicer() 
{ 
var arrayElements = ["elem1","elem2","elem3","elem4"]; 
for(var index in arrayElements) 
{ 
    arrayElements.splice(index,1); 
} 
alert("Elements: "+arrayElements); 
} 

La funzione di cui sopra dovrebbe rimuovere tutti gli elementi dell'array "arrayElements". Ma non lo farà.

Il motore di Javascript mantiene lo "index" così com'è e non fa attenzione all'array che si sta modificando. La gente potrebbe aspettarsi qualcosa di simile "for each" ciclo che non ha questo tipo di problema

anche il seguente codice non sembra funzionare:

function splicer() 
{ 
... 
for(var index in arrayElements) 
{ 
    arrayElements.splice(index--,1); 
} 
... 
} 

anche quando si cambia il valore dell ' "indice" variabile non sembra funzionare. il valore modificato è disponibile all'interno del blocco "per (...) {...}" ma, poiché il ciclo raggiunge l'iterazione successiva, il valore viene ripristinato e continua dall'indice successivo come un orologio.

così sembra codice come questo potrebbe essere l'unica soluzione:

function splicer() 
{ 
var arrayElements = ["elem1","elem2","elem3","elem4"]; 
for(var index=0;index<arrayElements.length;index++) 
{ 
    arrayElements.splice(index--,1); 
} 
alert("Elements: "+arrayElements); 
} 

Testato: Firefox 16 Beta.

Ma mettendo un operatore unario all'interno di un metodo "splice()" sembra essere fuorviante a prima vista.

Questo potrebbe valere la pena considerare il "W3C" o chiunque possa riguardare in modo che escano con una soluzione piacevole.

Answer 1

Si consiglia di fare riferimento a John Resig's array.remove()link.

// Array Remove - By John Resig (MIT Licensed) 
Array.prototype.remove = function(from, to) { 
    var rest = this.slice((to || from) + 1 || this.length); 
    this.length = from < 0 ? this.length + from : from; 
    return this.push.apply(this, rest); 
}; 

Answer 2

Prova questo:

* Splice modifica dell'array originale, quindi tge ciclo salta i valori alternativi. *

var arrayElements = ["elem1","elem2","elem3","elem4"]; 
arrayElements.splice(0,arrayElements.length); 
alert("Elements: "+arrayElements)