Dlaczego dostęp do właściwości obiektu jest zawsze szybszy niż w przypadku elementów tablicy?

Question

Mam benchmarkingowi dwie metody: pozycje tablicy

dostępu

var object = [10, 15, 20]; 
var x = object[0]; 
var y = object[1]; 
var z = object[2]; 

i dostęp do właściwości obiektów

var object = { 
    x: 10, 
    y: 15, 
    z: 20 
}; 
var x = object.x; 
var y = object.y; 
var z = object.z; 

ja oczekiwane dostęp do elementów tablicy o wiele szybciej, ponieważ nie ma rozdzielczości nazw właściwości związanych z.

Jednak, ku mojemu zaskoczeniu, dostęp do właściwości obiektu był w przybliżeniu 30% szybszy we wszystkich przeglądarkach.

[URL to benchmark]

To wyniki testów mnie zdezorientowany. Z jakiego powodu poprzednia metoda powinna być o wiele wolniejsza od tej drugiej?

Answer 1

Uwzględniono tworzenie obiektu i tablicy w teście. Jeśli umieścisz że w kodzie inicjalizacji, różnica staje się bardzo mały:

http://jsperf.com/object-properties-and-array-items/2