Mentre treballen amb JavaScript, els programadors sovint necessiten afegir propietats dinàmiques a un objecte, com ara un formulari on els usuaris poden afegir elements amb propietats amb nom dinàmic. En alguns casos, es requereix organitzar les dades en objectes, amb les característiques d'aquests objectes que requereixen una denominació dinàmica depenent de les dades amb les quals estan interactuant. En general, les propietats amb nom dinàmic poden ser útils sempre que necessiteu construir un objecte amb propietats que no es coneixen fins al moment d'execució.
Aquest tutorial definirà si és possible afegir propietats amb nom dinàmicament als objectes en JavaScript.
És possible/viable afegir/inserir propietats amb nom dinàmic als objectes en JavaScript?
Sí, les propietats amb nom dinàmic es poden afegir als objectes JavaScript. Per a aquest propòsit, utilitzeu el ' notació de claudàtors ”.
Sintaxi
Seguiu la sintaxi esmentada per afegir propietats anomenades dinàmicament als objectes:
obj [ 'Nom de la propietat' ] = 'valor' ;
Exemple
Crea un objecte ' cotxe 'amb propietats' color ' i ' model ”:
on cotxe = {
'color' : 'negre' ,
'model' : 2011
} ;
Afegeix una propietat ' preu ” dinàmicament utilitzant el “ notació de claudàtors ”:
Imprimeix l'objecte a la consola:
La sortida indica que el ' preu ” la propietat s'ha afegit correctament a l'objecte:
Ara, afegirem una altra propietat al mateix objecte:
Finalment, imprimiu el ' cotxe ” objecte a la consola:
Sortida
Hem recopilat tota la informació essencial rellevant per afegir propietats amb nom dinàmicament a l'objecte.
Conclusió
A JavaScript, podeu afegir propietats a un objecte de forma dinàmica mitjançant el ' notació de claudàtors ” utilitzant la sintaxi següent “ obj['propertyName'] = 'valor' ”. En aquest tutorial, hem definit el concepte de si és possible afegir propietats amb nom dinàmicament als objectes en JavaScript.