Învățați când să folosiți notația punct și paranteză în JavaScript.
Javascript Jeep🚙💨
Follow
27 nov, 2019 – 3 min citește
.
.
Potem accesa proprietatea unui obiect prin
- Notația punct
- Notația bracket
Aceasta este cea mai populară și cea mai utilizată modalitate de accesare a proprietății unui obiect. Aceasta face codul mai ușor de citit. Notația cu puncte este utilizată cel mai frecvent.
Sintaxa: obj.property_name
var user = {name : "Mark"};user.name ; // "Mark"
Când să nu folosim notația dot
Considerați că avem un nume de proprietate ca 123
var obj = {
'123' : 123
};
În cazul de mai sus, dacă nu putem accesa folosind
obj.123;
Atunci, dacă numele proprietății nu este un identifier
valid, atunci nu putem accesa valoarea acesteia folosind notația .
.
Ce este un identificator?
Un identificator este o secvență de caractere din cod care identifică un
variable
,function
sauproperty
. În general, numele funcției sau al variabilei sau numele proprietății unui obiect
Ce este un identificator valid?
În acest caz, putem folosi notația cu paranteze
var obj = {
'123' : 123
};obj; // 123
Nota
În JavaScript $
, și _
sunt identificatori valabili. deci putem accesa aceste proprietăți folosind notația .
.
var obj = {
$ : 10,
_ : 20
}obj.$; // 10obj._; // 20
Notația de paranteză
Notația de paranteză este utilizată atunci când numele proprietății este un identificator invalid (începe cu un număr, conține simboluri).
var obj = {
test-123 : "test"
}// in this case we cannot use dot notationobj; // "test"
Dacă numele proprietății este number
, atunci nu este nevoie să înglobăm numele proprietății în single /double quotes
la crearea obiectului. Dar în notația în paranteze, dacă numele proprietății este whole number
, atunci nu trebuie să înfășurăm numele în interiorul lui single /double quotes
. Dar, dacă numele proprietății este double
, atunci trebuie să urzelim numele proprietății în interiorul single /double quotes
.
Exemplu 1: număr întreg
var obj = {
123456 : 10
}obj;
Exemplu 2: număr întreg
var obj = {
123456 : 10
}obj;
: Dublu
var obj = {
123.456 : 10
}obj; // undefinedobj; // 10
Exemplu 3: Folosirea unui număr invalid
var obj = {
123.123.123 : 10 // throws invalid number error
}For this case use single/double quotesvar obj = {
'123.123.123' : 10
}
Exemplu 4: Folosirea unor simboluri speciale
var obj = {
'123-test' : "test"
}obj; // error(test is not defined)obj; // "test"
Utilizarea unei variabile ca nume de proprietate
Exemplu 1:
var test = "test";var obj = {
test : "Test success"
}obj // "Test success"
Exemplu 2 :
var obj = {
name : "Mark"
age : 20
}var name = "age";obj; // Mark
obj; // 20
Exemplu 3: Utilizarea unei variabile ca nume de proprietate
var obj = {
name : "Mark"
age : 20
}var name = "age";obj; // Mark
obj; // 20
Exemplu 4: Utilizarea unei variabile ca nume de proprietate: Exemplu din lumea reală de utilizare a notației în paranteze
Pot fi folosit și object ca nume de proprietate, dar acesta va fi convertit în
var a = {};var b = {};var c = {};c = 10;c ; {: 10}c = 20; // this will replace old c; {: 20}
Pot fi folosit și empty string
ca nume de proprietate
var obj= {};var emptyString = "";obj = "10";obj; // 10
.