Indexierter Zugriff vs Variable in JavaScript

Question

An verschiedenen Stellen wird ein Element aus Array bei Index verwendet. Instinct sagt, ersetze ihn durch eine Variable, die auf dieses Element zeigt und benutze es. Aber gibt es einen anderen Unterschied als für bessere Lesbarkeit/Verwaltung?

Beispiel 1:

if (cols[i]["Type"] === 4) { 
    this.someFunc(cols[i]["Name"], cols[i]["Value"].VarA, cols[i]["Value"].VarB); 
} 

Beispiel 2:

var col = cols[i]; 
if (col["Type"] === 4) { 
    this.someFunc(col["Name"], col["Value"].VarA, col["Value"].VarB); 
} 

Answer 1

Es scheint mir, dass Sie den Wert direkt über variable Referenzierung ist schneller als der Wert über Feldelement Referenzierung:

https://jsfiddle.net/cLf7k35n/

var test = 4; 
var myArray = [0, 1, 2, 3, 4]; 

console.time("array_reference"); 
if (myArray[4] === 4) { 
    console.log(myArray[4]); 
} 
console.timeEnd("array_reference"); 

console.time("variable_reference"); 
if (test === 4) { 
    console.log(test); 
} 
console.timeEnd("variable_reference"); 

Überprüfen Sie die Konsole für den Timer. In dem spezifischen, nicht komplexen Beispiel, das ich gemacht habe, schien die Array-Referenz mindestens 1,2 Millisekunden langsamer zu sein.

Answer 2

Beispiel 2 wird nicht so mehrere Array-Lookups tun müssen, wird etwas schneller sein. Das wird gesagt, die JIT wird höchstwahrscheinlich das für Sie hissen.

Meiner Meinung nach ist Beispiel 2 lesbarer und damit leichter zu pflegen, also würde ich damit gehen.

Auch wie R3tep angegeben hat, können Sie col.Type und col.Value.VarA verwenden, um die Lesbarkeit weiter zu verbessern.