[SOLUCIONADO] Dot Notation - Bracket Notation

[Beatzoo]

Hola a todos,

Estoy llegando a los objetos y esta parte de las notaciones no la he entendido muy bien, los textos están en inglés y me está costando comprenderlo, si alguno de ustedes me pudiera dar unas claves para entender el uso de cada una os estaría muy agradecido.
Lo único que tengo claro es que la notación de punto se usa más, pero la de corchetes se usa para algunos casos puntuales, aunque también puede ser muy útil.

Gracias por vuestra ayuda.

[Alexis88]

La principal diferencia entre el uso de una y otra notación radica en que, para utilizar la notación por puntos, el nombre del método o propiedad del objeto, debe de tener un formato válido para identificadores, es decir, que sea una cadena alfanumérica, pudiendo contener al signo de dólar y al guión bajo, además de no poder empezar por un número. La notación por corchetes, omite esa restricción.

Más información: Operadores de miembros

Saludos

[Beatzoo]

Gracias por tu ayuda Alexis, ya tengo un poco más claro el uso de ambas. Pero aún no comprendo el tema de usar valores de variables como propiedades. En el siguiente texto hay dos ejemplos, el primero que no funciona y el segundo que sí. El primero usa notación por puntos para acceder a una propiedad almacenada en una variable y el segundo notación por corchetes. La cosa es que no comprendo muy bien por qué mediante la notación por puntos no puedo conseguir resultado (acompaño con el texto original del autor en inglés).

This feature of bracket notation becomes quite useful when you need to use a property name,
but it is stored in a variable (for example, when a value is sent as an argument to a function).
Since dot notation only allows the use of the bare property name, it cannot use a variable value:

Código Javascript:

var car = {
seats: "cloth",
engine: "V-6"
};
var s = "seats";
function show_seat_type(sts) {
window.alert(car.sts); // undefined
}
show_seat_type(s);
 

Here, rather than using the value of sts, a search for a property named sts within the car object
ensues, which results in a value of undefined being returned when the property is not found.
Using bracket notation, you can get this working:

Código Javascript:

var car = {
seats: "cloth",
engine: "V-6"
};
var s = "seats";
function show_seat_type(sts) {
window.alert(car[sts]); // works
}
show_seat_type(s);
 

This time, the value of the variable sts is used, which is the string “seats”, and “cloth” is
alerted to the viewer.

[Madh]

Es normal que no puedes acceder a él.

Dot notation: car.seats -> "cloth"
Bracket notation: car["seats"] -> "cloth"

Ahora bien, tu a la función le estás pasando una variable de tipo string. De esta forma, cuando llamas al método dentro de la función estás haciendo lo siguiente:

Dot notation: car.sts -> car."seats" -> error
Bracket notation: car[sts] -> car["seats"] -> "cloth"

[Alexis88]

Lo que te dice Madh, es correcto. Si leíste la información del enlace que te proporcioné, habrás notado que hay una parte en la que se menciona que muchos usuarios nóveles utilizan la función eval para así hacer válida la lectura de la propiedad, sin embargo, para casos así, es preferible la notación con corchetes. Si deseas utilizar la notación por puntos, deberás indicar las propiedades de manera directa.

Saludos