Verwirrt über irreführende Funktionen

Question

Ich versuche, eine rekursive Funktion zu schreiben, die ein Array mit geschachtelten Arrays übernimmt und alle Werte in einem einzigen Array setzt. Im Moment funktioniert es manchmal, aber manchmal nicht.

function steamrollArray(arr) { 
 
    var newArr = []; 
 
    
 
    var func = function(array){ 
 
     for(i=0; i<array.length; i++){ 
 
     if(Array.isArray(array[i])){ 
 
      func(array[i]); 
 
     } 
 
     else { 
 
      newArr.push(array[i]); 
 
     } 
 
     } 
 
    }; 
 
    
 
    func(arr); 
 
    return newArr; 
 
}

Als ich steamrollArray([1, [2], [3, [[4]]]]) laufen funktioniert es, aber wenn ich steamrollArray([[1], [[2]], [3, [[4]]]]); laufen sie das 2 aus irgendeinem Grund nicht enthalten, und wenn ich steamrollArray([1, [], [3, [[4]]]]) mein Browser stürzt ab laufen. Danke für jede Einsicht, die Sie geben können!

Answer 1

Ihr Problem ist die i im globalen Bereich ist, müssen Sie es vor Ort zu erklären, so fügen let i

function steamrollArray(arr) { 
 
    var newArr = []; 
 
    
 
    var func = function(array){ 
 
     for(let i=0; i<array.length; i++){ 
 
     if(Array.isArray(array[i])){ 
 
      func(array[i]); 
 
     } 
 
     else { 
 
      newArr.push(array[i]); 
 
     } 
 
     } 
 
    }; 
 
    
 
    func(arr); 
 
    return newArr; 
 
} 
 

 
console.log(steamrollArray([[1], [[2]], [3, [[4]]]])); 
 
console.log(steamrollArray([1, [], [3, [[4]]]]));

Ansonsten jedes Mal, wenn Sie die Funktion, die i erhöht anrufen und Sie kann gehen aus der Bindung (wie in Ihrem letzten Beispiel) oder überspringen ein Element (wie im zweiten Beispiel)