𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗢𝗯𝗷𝗲𝗰𝘁𝘀: 𝗕𝗮𝘀𝗶𝗰𝘀 𝘁𝗼 𝗖𝗥𝗨𝗗
JavaScript objects ਸਬੰਧਤ ਡੇਟਾ ਅਤੇ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਇਕੱਠਾ ਕਰਦੇ ਹਨ। ਵੱਖ-ਵੱਖ ਵੇਰੀਏਬਲਸ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਬਜਾਏ, ਤੁਸੀਂ key-value pairs ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋ।
ਇੱਕ ਵਿਦਿਆਰਥੀ ਵਰਗੀ ਇਕਾਈ (entity) ਬਾਰੇ ਸੋਚੋ। ਇੱਕ object ਤੁਹਾਡੇ ਕੋਡ ਵਿੱਚ ਇਸ ਇਕਾਈ ਦੀ ਪ੍ਰਤੀਨਿਧਤਾ ਕਰਦਾ ਹੈ।
ਹਰ object ਦੇ ਤਿੰਨ ਹਿੱਸੇ ਹੁੰਦੇ ਹਨ:
- Entity: ਖੁਦ ਉਹ ਚੀਜ਼ (ਜਿਵੇਂ ਕਿ, ਇੱਕ Student)।
- State: Object ਕੋਲ ਕੀ ਹੈ (ਜਿਵੇਂ ਕਿ, name, age)। ਇਹ properties ਹਨ।
- Behavior: Object ਕੀ ਕਰਦਾ ਹੈ (ਜਿਵੇਂ ਕਿ, study)। ਇਹ methods ਹਨ।
Objects ਕਿਵੇਂ ਬਣਾਏ ਜਾਣ:
Object Literal ਇਹ ਸਭ ਤੋਂ ਆਮ ਤਰੀਕਾ ਹੈ। ਤੁਸੀਂ object ਨੂੰ ਸਿੱਧੇ ਤੌਰ 'ਤੇ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ curly braces ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋ। ਇਹ ਛੋਟਾ ਅਤੇ ਪੜ੍ਹਨ ਵਿੱਚ ਆਸਾਨ ਹੈ। let student = { name: "Saravanan", age: 25 };
Object Constructor ਤੁਸੀਂ object ਬਣਾਉਣ ਲਈ new keyword ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋ। let student = new Object(); student.name = "Saravanan";
ਜ਼ਿਆਦਾਤਰ developers literal method ਨੂੰ ਤਰਜੀਹ ਦਿੰਦੇ ਹਨ।
CRUD Operations:
ਤੁਸੀਂ object ਡੇਟਾ ਨਾਲ ਚਾਰ ਬੁਨਿਆਦੀ ਕੰਮ ਕਰਦੇ ਹੋ:
- Create: ਇੱਕ ਨਵਾਂ object ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ।
- Read: dot notation (person.name) ਜਾਂ bracket notation (person["name"]) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਡੇਟਾ ਤੱਕ ਪਹੁੰਚੋ।
- Update: ਮੌਜੂਦਾ ਮੁੱਲ ਨੂੰ ਬਦਲੋ (person.age = 26)।
- Delete: delete keyword ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ property ਨੂੰ ਹਟਾਓ (delete person.age)।
Advanced Concepts:
- Methods: ਇੱਕ object ਦੇ ਅੰਦਰ ਇੱਕ function ਇੱਕ method ਹੁੰਦਾ ਹੈ। ਤੁਸੀਂ ਉਹਨਾਂ ਨੂੰ ਲਿਖਣ ਲਈ shorthand syntax ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ।
- Nested Objects: ਇੱਕ object ਆਪਣੇ ਅੰਦਰ ਦੂਜਾ object ਰੱਖ ਸਕਦਾ ਹੈ। ਇਹ ਤੁਹਾਨੂੰ ਪਤੇ (address) ਵਰਗੇ ਗੁੰਝਲਦਾਰ ਡੇਟਾ ਨੂੰ ਸੰਗਠਿਤ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ।
- Data Types: Objects ਵਿੱਚ strings, numbers, booleans, arrays, functions, ਅਤੇ ਹੋਰ objects ਨੂੰ ਸਟੋਰ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ।
Object structure ਦਾ ਸਾਰ:
- 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