𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗢𝗯𝗷𝗲𝗰𝘁𝘀: 𝗕𝗮𝘀𝗶𝗰𝘀 𝘁𝗼 𝗖𝗥𝗨𝗗
JavaScript objects தரவு (data) மற்றும் தர்க்கத்தை (logic) ஒன்றாகச் சேமிக்கின்றன. தொடர்புடைய தகவல்களை ஒரே இடத்தில் குழுவாக்க நீங்கள் அவற்றைப் பயன்படுத்துகிறீர்கள்.
ஒரு object-ஐ நிஜ உலகத் தன்மையாக (entity) நினைத்துக் கொள்ளுங்கள்.
ஒரு entity என்பது நீங்கள் அடையாளம் காணக்கூடிய ஒரு விஷயம். ஒரு மாணவர் ஒரு entity ஆவார். ஒரு object இரண்டு பகுதிகளைக் கொண்டுள்ளது:
- நிலை (State): ஒரு object என்ன வைத்திருக்கிறது. (பெயர், வயது)
- செயல்பாடு (Behavior): ஒரு object என்ன செய்கிறது. (படித்தல், வகுப்பில் கலந்து கொள்ளுதல்)
குறியீட்டில் (code), நிலை என்பது property என்று அழைக்கப்படுகிறது. செயல்பாடு என்பது method என்று அழைக்கப்படுகிறது.
Objects-ஐ எவ்வாறு உருவாக்குவது
ஒரு object-ஐ உருவாக்க இரண்டு முக்கிய வழிகள் உள்ளன.
Object Literal இது curly braces-களைப் பயன்படுத்துகிறது. இது மிகவும் பொதுவான முறையாகும். இது சுருக்கமாகவும் தெளிவாகவும் இருக்கும்.
let student = { name: "Saravanan", age: 25 };Object Constructor இது
newkeyword-ஐப் பயன்படுத்துகிறது.let student = new Object();student.name = "Saravanan";
பெரும்பாலான டெவலப்பர்கள் literal முறையையே பயன்படுத்துகிறார்கள், ஏனெனில் இது வாசிப்பதற்கு எளிதானது.
CRUD செயல்பாடுகள் (Operations)
நான்கு அடிப்படைச் செயல்களின் மூலம் நீங்கள் objects-ல் உள்ள தரவை நிர்வகிக்கலாம்:
- Create: ஒரு புதிய object-ஐ வரையறுத்தல்.
- Read: dot notation (
student.name) அல்லது bracket notation (student["name"]) மூலம் தரவை அணுகுதல். - Update: ஒரு மதிப்பை மாற்றுதல் (
student.age = 26). - Delete:
deletekeyword பயன்படுத்தி ஒரு property-ஐ நீக்குதல் (delete student.age).
மேம்பட்ட Object அம்சங்கள்
Methods
ஒரு object-க்குள் இருக்கும் ஒரு function என்பது method ஆகும். அவற்றை எழுத நீங்கள் shorthand முறையைப் பயன்படுத்தலாம்.
let person = { greet() { console.log("Hello"); } };
Nested Objects
ஒரு object மற்றொரு object-ஐத் தன்னகத்தே வைத்திருக்க முடியும். இது nested object எனப்படும்.
let person = { address: { city: "Chennai", state: "Tamil Nadu" } };
இதை நீங்கள் இவ்வாறு அணுகலாம்: person.address.city.
Objects பல வகைகளைச் சேமிக்க முடியும்:
- Strings
- Numbers
- Booleans
- Arrays
- Functions
- மற்ற objects
Source: https://dev.to/dev_saravanan_journey/javascript-objects-from-basics-to-crud-operations-46bg