If tutorials available on this website are helpful for you, please whitelist this website in your ad blocker😭 or Donate to help us ❤️ pay for the web hosting to keep the website running.
TypeScript में Object का concept JavaScript के object
जैसे ही होता है, लेकिन TypeScript आपको type safety और better error handling provide करता है जब आप objects के साथ काम करते हैं।
इस article में हम देखेंगे कि कैसे आप TypeScript में objects को define, use, और manipulate कर सकते हैं।
TypeScript और JavaScript दोनो में object एक ऐसा data type है जिसमे key:value
pairs का collection होता है , Objects काफी flexible होते हैं और किसी भी type का data store कर सकते हैं जैसे strings, numbers, arrays, और functions.
TypeScript में आप object का type explicitly
define कर सकते हैं। इससे आपको पता रहता है कि object के अंदर किस type कि values hone वाली हैं, जो runtime errors से बचाता है।
// Object type define karna
let person: { name: string; age: number; isStudent: boolean };
person = {
name: "Rahul",
age: 25,
isStudent: false
};
यहां हमने specify किया है कि person
object के पास 3 properties होंगी : name (string), age (number), और isStudent (boolean).
●●●
TypeScript objects में आप कुछ properties को optional
भी बना सकते हैं , मतलब, वो properties object में हो भी सकती हैं और नहीं भी।
Optional Properties को typescript में ? के साथ define किया जाता है।
Example
let person: { name: string; age: number; isStudent?: boolean };
person = {
name: "Rahul",
age:
};
Example में isStudent
property optional है, और object तब भी valid रहेगा अगर यह property missing हो।
Objects में functions को भी store किया जा सकता है। TypeScript यह ensure करता है कि functions का type भी correctly handle हो।
Example
let calculator: {
add: (a: number, b: number) => number;
subtract: (a: number, b: number) => number;
};
calculator = {
add: (a, b) => a + b,
subtract: (a, b) => a - b
};
console.log(calculator.add(5, 3)); // Output: 8
console.log(calculator.subtract(10, 3)); // Output: 7
यहां calculator object के अंदर दो functions add()
और subtract()
हैं, और दोनो का type हमने clearly define किया है।
●●●
अगर आपको complex objects create करने हैं जिसमे एक object के अंदर दूसरा object हो, तो TypeScript आपको type definition easily करने देता है।
Example
let company: {
name: string;
location: {
city: string;
country: string;
};
};
company = {
name: "TechCorp",
location: {
city: "Mumbai",
country: "India"
}
};
इस example में company एक object है जिसमे location एक nested object
है।
●●●
TypeScript में आप objects कि कुछ properties को readonly
भी define कर सकते हैं, जिससे आप accidentally उन्हें change नहीं कर पाएंगे।
let car: {
readonly brand: string;
model: string;
};
car = {
brand: "Toyota",
model: "Corolla"
};
// car.brand = "Honda"; // Error: brand property is readonly
दिए गए example में brand
property readonly है, तो इससे modify करना allowed नहीं होगा।
●●●
TypeScript में objects के साथ काम करना काफी powerful और safe होता है, क्योंकि आप types को define करके type safety
ensure कर सकते हैं।
TypeScript objects JavaScript जैसे ही हैं, लेकिन type safety
के साथ।
Optional properties का use करके आप flexible objects बना सकते हैं।
Nested objects और functions को भी objects में include किया जा सकता है।
Readonly properties को आप accidentally change नहीं कर सकते।
Index signatures से आप unknown keys के objects बना सकते हैं।
इस तरह से TypeScript objects के साथ काम करते वक्त आपको ज़्यादा confident feel होगा और आप अपने code में less errors encounter करेंगे।