𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗢𝗯𝗷𝗲𝗰𝘁𝘀: അടിസ്ഥാനങ്ങൾ മുതൽ CRUD വരെ
JavaScript objects ബന്ധപ്പെട്ട ഡാറ്റയെയും ഫംഗ്ഷനുകളെയും ഒരുമിച്ച് ഗ്രൂപ്പ് ചെയ്യുന്നു. പ്രത്യേക വേരിയബിളുകൾ ഉപയോഗിക്കുന്നതിന് പകരം, നിങ്ങൾ കീ-വാല്യൂ ജോഡികൾ (key-value pairs) ആണ് ഉപയോഗിക്കുന്നത്.
ഒരു വിദ്യാർത്ഥിയെപ്പോലെയുള്ള ഒരു എൻ്റബറ്റി (entity) സങ്കൽപ്പിക്കുക. ഒരു ഒബ്ജക്റ്റ് നിങ്ങളുടെ കോഡിൽ ഈ എൻ്റബറ്റിയെ പ്രതിനിധീകരിക്കുന്നു.
എല്ലാ ഒബ്ജക്റ്റുകൾക്കും മൂന്ന് ഭാഗങ്ങളുണ്ട്:
- Entity: ആ വസ്തു തന്നെ (ഉദാഹരണത്തിന്, ഒരു Student).
- State: ഒബ്ജക്റ്റിന് ഉള്ളവ (ഉദാഹരണത്തിന്, name, age). ഇവ പ്രോപ്പർട്ടികൾ (properties) ആണ്.
- Behavior: ഒബ്ജക്റ്റ് ചെയ്യുന്ന കാര്യങ്ങൾ (ഉദാഹരണത്തിന്, study). ഇവ മെത്തേഡുകൾ (methods) ആണ്.
ഒബ്ജക്റ്റുകൾ എങ്ങനെ നിർമ്മിക്കാം:
Object Literal ഇതാണ് ഏറ്റവും സാധാരണമായ രീതി. ഒബ്ജക്റ്റിനെ നേരിട്ട് നിർവചിക്കാൻ നിങ്ങൾ കറ്ലി ബ്രേസസ് (curly braces) ഉപയോഗിക്കുന്നു. ഇത് ലളിതവും വായിക്കാൻ എളുപ്പവുമാണ്. let student = { name: "Saravanan", age: 25 };
Object Constructor ഒരു ഒബ്ജക്റ്റ് നിർമ്മിക്കാൻ നിങ്ങൾ new കീവേഡ് ഉപയോഗിക്കുന്നു. let student = new Object(); student.name = "Saravanan";
മിക്ക ഡെവലപ്പർമാരും ലിറ്ററൽ രീതിയാണ് ഇഷ്ടപ്പെടുന്നത്.
CRUD ഓപ്പറേഷനുകൾ:
ഒബ്ജക്റ്റ് ഡാറ്റ ഉപയോഗിച്ച് നിങ്ങൾക്ക് നാല് അടിസ്ഥാന കാര്യങ്ങൾ ചെയ്യാൻ കഴിയും:
- Create: ഒരു പുതിയ ഒബ്ജക്റ്റ് നിർവചിക്കുക.
- Read: ഡോട്ട് നോട്ടേഷൻ (person.name) അല്ലെങ്കിൽ ബ്രാക്കറ്റ് നോട്ടേഷൻ (person["name"]) ഉപയോഗിച്ച് ഡാറ്റ ആക്സസ് ചെയ്യുക.
- Update: നിലവിലുള്ള ഒരു മൂല്യം മാറ്റുക (person.age = 26).
- Delete: delete കീവേഡ് ഉപയോഗിച്ച് ഒരു പ്രോപ്പർട്ടി നീക്കം ചെയ്യുക (delete person.age).
അഡ്വാൻസ്ഡ് കോൺസെപ്റ്റുകൾ:
- Methods: ഒരു ഒബ്ജക്റ്റിനുള്ളിലെ ഫംഗ്ഷനെ ഒരു മെത്തേഡ് എന്ന് വിളിക്കുന്നു. അവ എഴുതാൻ നിങ്ങൾക്ക് ഷോർട്ട്ഹാൻഡ് സിന്റാക്സ് (shorthand syntax) ഉപയോഗിക്കാം.
- Nested Objects: ഒരു ഒബ്ജക്റ്റിനുള്ളിൽ മറ്റൊരു ഒബ്ജക്റ്റ് ഉൾക്കൊള്ളാൻ സാധിക്കും. അഡ്രസ് പോലുള്ള സങ്കീർണ്ണമായ ഡാറ്റ ക്രമീകരിക്കാൻ ഇത് സഹായിക്കുന്നു.
- Data Types: ഒബ്ജക്റ്റുകളിൽ സ്ട്രിംഗുകൾ (strings), നമ്പറുകൾ (numbers), ബൂളിയനുകൾ (booleans), അറേകൾ (arrays), ഫംഗ്ഷനുകൾ (functions), മറ്റ് ഒബ്ജക്റ്റുകൾ എന്നിവ സംഭരിക്കാൻ കഴിയും.
ഒബ്ജക്റ്റ് ഘടനയുടെ സംഗ്രഹം:
- name: String
- age: Number
- address: Nested Object
- greet: Method (Function)
Source: https://dev.to/dev_saravanan_journey/javascript-objects-from-basics-to-crud-operations-46bg