Î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

.

Dot vs Bracket notation in JavaScript

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 sau property. Î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

.

Lasă un răspuns

Adresa ta de email nu va fi publicată.