Pont vs. zárójel jelölés a JavaScript objektum elérésében.

Egy objektum tulajdonságát elérhetjük

• Pont jelölés
• Zárójeles jelölés

Ez a legnépszerűbb és leggyakrabban használt módja egy objektum tulajdonságának elérésének. Ezáltal a kód olvashatóbbá válik. Leggyakrabban a pontjelölést használják.

Szintaktika: obj.property_name

var user = {name : "Mark"};user.name ; // "Mark"

Mikor ne használjuk a dot jelölést

Gondoljunk arra, hogy van egy tulajdonságnevünk, mint 123

var obj = {
'123' : 123
};

A fenti esetben, ha nem tudunk hozzáférni a

obj.123; 

Szóval, ha a tulajdonság neve nem érvényes identifier , akkor nem tudjuk elérni az értékét a . jelöléssel.

Mi az azonosító?

Az azonosító egy olyan karaktersorozat a kódban, amely azonosít egy variable, function vagy property tulajdonságot. Általában egy függvény vagy változó neve vagy egy objektum tulajdonságának neve

Mi az érvényes azonosító?

Ebben az esetben használhatjuk a zárójeles jelölést

var obj = {
'123' : 123
};obj; // 123

Megjegyzés

A JavaScriptben $ , és _ érvényes azonosítók. így ezeket a tulajdonságokat a . jelöléssel érhetjük el.

var obj = {
$ : 10,
_ : 20
}obj.$; // 10obj._; // 20

Zárójeles jelölés

A zárójeles jelölést akkor használjuk, ha a tulajdonság neve érvénytelen azonosító(számmal kezdődik, szimbólumokat tartalmaz).

var obj = {
test-123 : "test"
}// in this case we cannot use dot notationobj; // "test"

Ha a tulajdonság neve number, akkor nem kell a tulajdonságnevet single /double quotes-be csomagolnunk az objektum létrehozásakor. De a zárójeles jelölésben, ha a tulajdonság neve whole number , akkor nem kell a nevet a single /double quotes belsejébe csomagolnunk. De ha a tulajdonság neve double , akkor a tulajdonság nevét a single /double quotes belsejébe kell tekerni.

1. példa: egész szám

var obj = {
123456 : 10
}obj;

2. példa: Dupla

var obj = {
123.456 : 10
}obj; // undefinedobj; // 10

Példa 3: Érvénytelen szám használata

var obj = {
123.123.123 : 10 // throws invalid number error
}For this case use single/double quotesvar obj = {
'123.123.123' : 10
}

Példa 4: Speciális szimbólumok használata

var obj = {
'123-test' : "test" 
}obj; // error(test is not defined)obj; // "test"

Változó használata tulajdonságnévként

Példa 1:

var test = "test";var obj = {
test : "Test success"
}obj // "Test success"

Példa 2 :

var obj = {
name : "Mark"
age : 20
}var name = "age";obj; // Mark
obj; // 20

Példa 3: Valós példa a zárójeles jelölés használatára

Az objektumot is használhatjuk tulajdonságnévként, de ez átváltozik

var a = {};var b = {};var c = {};c = 10;c ; {: 10}c = 20; // this will replace old c; {: 20}

A tulajdonságnévként empty string is lehet

var obj= {};var emptyString = "";obj = "10";obj; // 10

.