முக்கிய உள்ளடக்கத்திற்குச் செல்லவும்
தொகுதி 3 · பாடம் 2 இன் 4பாடத்திட்டத்தில் 10/32~10 min
தொகுதி பாடங்கள் (2/4)

பொருள்கள்: முக்கிய மதிப்பு வரைபடம்

JS இல் உள்ள பொருள் என்பது முக்கிய → மதிப்பு ஜோடிகளின் வரிசைப்படுத்தப்படாத தொகுப்பாகும். விசைகள் சரங்கள் (அல்லது Symbol), மதிப்புகள் எதுவும்: எண்கள், சரங்கள், வரிசைகள், பிற பொருள்கள், செயல்பாடுகள். இது மிகவும் அதிகமாகப் பயன்படுத்தப்படும் தரவுக் கட்டமைப்பாகும் மொழி: உங்கள் டொமைனில் உள்ள ஒவ்வொரு "பதிவும்" பொதுவாக ஒரு பொருளாக இருக்கும்.

JS
const utente = {
  nome: 'Anna',
  eta: 28,
  attivo: true,
  ruoli: ['admin', 'editor'],
};

படிக்கும் பண்புகள்: புள்ளி vs அடைப்புக்குறி

இரண்டு சமமான குறியீடுகள் உள்ளன:

JS
utente.nome; // 'Anna'    (dot — the normal form)
utente['nome']; // 'Anna'    (bracket — equivalent)

// Brackets are MANDATORY when:
// 1) the key is not a valid identifier
const tag = { 'codice-fiscale': 'ABC123' };
tag['codice-fiscale']; // OK
// tag.codice-fiscale;      // syntax error

// 2) the key is computed (variable/expression)
const campo = 'eta';
utente[campo]; // 28

ஒரு காணவில்லை சொத்து undefined, பிழைகள் இல்லாமல் திரும்பும்:

JS
utente.telefono; // undefined

சேர்த்தல், மாற்றுதல், நீக்குதல்

JS
const u = { nome: 'Anna' };
u.eta = 28; // adds
u.nome = 'Anna B.'; // modifies
delete u.eta; // removes the property

delete என்பது ஒரு முக்கிய சொல். இது ஒரு அரிதான பயன்பாட்டு வழக்காக மாறும்: பெரும்பாலானவை அந்த விசை இல்லாமல் நீங்கள் ஒரு புதிய பொருளை உருவாக்க விரும்பும் நேரத்தில் (இதை நாங்கள் பார்ப்போம் பரவலுடன்).

சுருக்கெழுத்து: மாறி போன்ற பெயரிடப்பட்ட விசைகள்

முக்கிய பெயர் மாறி பெயருடன் பொருந்தினால், நீங்கள் நகலை தவிர்க்கலாம்:

JS
const nome = 'Anna';
const eta = 28;

const u1 = { nome: nome, eta: eta }; // explicit form
const u2 = { nome, eta }; // shorthand, equivalent

சொத்து இருப்பதை சரிபார்க்கிறது

மூன்று விருப்பங்கள், விருப்பப்படி:

JS
'nome' in utente; // true   ← in operator
utente.nome !== undefined; // true   ← works almost always
Object.hasOwn(utente, 'nome'); // true   ← modern, safe

முயற்சி செய்து பாருங்கள்

உடற்பயிற்சி#js.m3.l2.e1
முயற்சிகள்: 0ஏற்றுகிறது…

ஆப்ஜெக்ட் பயனரை உருவாக்கவும் = {பெயர்: 'சாரா', வயது: 22 }, பின்னர் 'செயலில்' சொத்தை உண்மையாகச் சேர்த்து, பொருளை கடைசி வெளிப்பாடாகத் திருப்பி அனுப்பவும்.

எடிட்டரை ஏற்றுகிறது…
குறிப்பைக் காட்டு

புள்ளிக் குறியீடு மூலம் உண்மைக்குப் பிறகு பண்புகளைச் சேர்க்கலாம்.

3 முயற்சிகளுக்குப் பிறகு தீர்வு கிடைக்கும்

மதிப்பாய்வு பயிற்சி

உடற்பயிற்சி#js.m3.l2.e2
முயற்சிகள்: 0ஏற்றுகிறது…

கொடுக்கப்பட்ட `தயாரிப்பு = {குறியீடு: 'A1', விலை: 9.9 }` மற்றும் சரம் `கீ = 'விலை'`, அடைப்புக்குறி குறியீட்டைப் பயன்படுத்தி விலையை வழங்கவும் (கடைசி வெளிப்பாடு 9.9 என மதிப்பிட வேண்டும்).

எடிட்டரை ஏற்றுகிறது…
குறிப்பைக் காட்டு

அடைப்புக்குறிக்குள் நீங்கள் ஒரு மாறியை விசையாக அனுப்பலாம்.

3 முயற்சிகளுக்குப் பிறகு தீர்வு கிடைக்கும்