Piste- vs. sulku-merkintä JavaScript-objektien käyttämisessä.

Objektin ominaisuuteen voidaan päästä käsiksi

• Pisteen merkintätapa
• Sulkujen merkintätapa

Tämä on suosituin ja käytetyin tapa päästä käsiksi objektin ominaisuuteen. Tämä tekee koodista luettavampaa. Pistemerkintää käytetään useimmiten.

Syntaksi: obj.property_name

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

Kun ei käytetä dot-merkintätapaa

Asettele, että meillä on ominaisuuden nimi 123

var obj = {
'123' : 123
};

Yllämainitussa tapauksessa, jos emme voi käyttää

obj.123; 

Jos ominaisuuden nimi ei ole kelvollinen identifier , emme voi käyttää sen arvoa .-merkintätapausta käyttäen.

Mikä on tunniste?

Tunniste on koodin merkkijono, joka yksilöi variable, function tai property. Yleensä funktion tai muuttujan nimi tai objektin ominaisuuden nimi

Mikä on kelvollinen tunniste?

Tässä tapauksessa voimme käyttää sulkujen merkintätapaa

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

Huomautus

Javaskriptissä $ , ja _ ovat kelvollisia tunnisteiden merkintöjä. joten pääsemme käsiksi kyseisiin ominaisuuksiin .-merkintämuodolla.

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

Sulkeisnotaatio

Sulkeisnotaatiota käytetään silloin, kun ominaisuuden nimi on epäkelpo tunniste(alkaa numerolla, sisältää symboleja).

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

Jos ominaisuuden nimi on number, meidän ei tarvitse kietoa ominaisuuden nimeä single /double quotes:n sisälle objektin luomisessa. Mutta sulkujen merkinnässä, jos ominaisuuden nimi on whole number , niin meidän ei tarvitse kietoa nimeä single /double quotes sisään. Mutta jos ominaisuuden nimi on double , niin silloin täytyy kietoa ominaisuuden nimi single /double quotes sisään .

Esimerkki 1: kokonaisluku

var obj = {
123456 : 10
}obj;

Esimerkki 2: Kaksinkertainen

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

Esimerkki 3: Virheellisen luvun käyttäminen

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

Esimerkki 4: Erikoismerkkien käyttäminen

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

Muuttujan käyttäminen ominaisuuden nimenä

Esimerkki 1:

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

Esimerkki 2 :

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

Esimerkki 3: Todellinen esimerkki sulkujen merkintätavan käytöstä

Ominaisuuden nimenä voidaan käyttää myös objektia, mutta se muunnetaan

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

Ominaisuuden nimenä voidaan käyttää myös empty string

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