Habang nagtatrabaho sa JavaScript, ang mga programmer ay madalas na kailangang magdagdag ng mga dynamic na katangian sa isang bagay, tulad ng isang form kung saan ang mga user ay maaaring magdagdag ng mga item na may dynamic na pangalan na mga katangian. Sa ilang mga kaso, kinakailangan na ayusin ang data sa mga bagay, na may mga tampok ng mga bagay na ito na nangangailangan ng dynamic na pagbibigay ng pangalan na nakadepende sa data kung saan sila nakikipag-ugnayan. Sa pangkalahatan, maaaring maging kapaki-pakinabang ang dynamic na pinangalanang mga katangian sa tuwing kailangan mong bumuo ng isang bagay na may mga katangian na hindi alam hanggang sa runtime.
Tutukuyin ng tutorial na ito kung posible na magdagdag ng mga pinangalanang property nang dynamic sa mga object sa JavaScript.
Posible/Maaaring Idagdag/Ipasok ang Dynamically Named Properties sa Mga Bagay sa JavaScript?
Oo, ang mga dynamic na pinangalanang katangian ay maaaring idagdag sa mga bagay na JavaScript. Para sa layuning ito, gamitin ang ' square bracket na notasyon ”.
Syntax
Sundin ang ibinigay na nabanggit na syntax para sa pagdaragdag ng pinangalanang mga katangian nang pabago-bago sa mga bagay:
obj [ 'propertyName' ] = 'halaga' ;
Halimbawa
Lumikha ng isang bagay ' sasakyan 'may mga ari-arian' kulay 'at' modelo ”:
saan kotse = {
'kulay' : 'itim' ,
'modelo' : 2011
} ;
Magdagdag ng property ' presyo 'dynamic na gamit ang ' notasyon ng bracket ”:
I-print ang bagay sa console:
Ang output ay nagpapahiwatig na ang ' presyo Ang ” property ay matagumpay na naidagdag sa object:
Ngayon, magdaragdag kami ng isa pang pag-aari sa parehong bagay:
Panghuli, i-print ang ' sasakyan ” object sa console:
Output
Inipon namin ang lahat ng mahahalagang impormasyong nauugnay sa pagdaragdag ng mga pinangalanang katangian nang pabago-bago sa object.
Konklusyon
Sa JavaScript, maaari kang magdagdag ng mga katangian sa isang bagay nang pabago-bago gamit ang ' square bracket na notasyon 'sa pamamagitan ng paggamit ng sumusunod na syntax' obj['propertyName'] = 'halaga' ”. Sa tutorial na ito, tinukoy namin ang konsepto kung posible bang magdagdag ng mga pinangalanang property nang pabago-bago sa mga object sa JavaScript.