Haz la prueba:
// Común
let obj = { nombre: 'juan pirulo' };
let a;
let b;
let cantidadDeIteraciones = 1000000000;
// Pruebas
console.time("Tiempo como propiedad");
for (let i = 0; i < cantidadDeIteraciones; i++) {
a = obj.nombre;
}
console.timeEnd("Tiempo como propiedad");
console.time("Tiempo como Array");
for (let j = 0; j < cantidadDeIteraciones; j++) {
b = obj['nombre'];
}
console.timeEnd("Tiempo como Array");
Notarás que la diferencia de tiempo varía y que es bastante sutil. A veces uno es más rápido que el otro y viceversa.
Si armas bloques de 10 iteraciones por cada uno; notarás que el resultado es el mismo:
for (var q = 0; q < 10; q++) {
console.time("Tiempo como propiedad");
for (let i = 0; i < cantidadDeIteraciones; i++) {
a = obj.nombre;
}
console.timeEnd("Tiempo como propiedad");
}
for (var w = 0; w < 10; w++) {
console.time("Tiempo como Array");
for (let j = 0; j < cantidadDeIteraciones; j++) {
b = obj['nombre'];
}
console.timeEnd("Tiempo como Array");
}
Notarás que para cada caso, los 2 primeros intentos son considerablemente más lentos. Luego, los demás valores se mantienen relativamente constantes (Ya se encuentran en caché). Si consideras los valores constantes para ambos casos, el resultado será el mismo. A veces uno es más rápido que el otro y a veces no.
Mi consejo, no prestes atención al rendimiento para este tipo de casos. Las 2 formas son bastante rápidas como para afectar al rendimiento de alguna forma notoria.