TypeScript Tuples In Hindi

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 एक powerful language है जो JavaScript को strongly typed बनाता है। इसके एक interesting feature का नाम है Tuples, जो आपको arrays के comparison में ज़्यादा flexibility देती हैं।

Tuples आपको fixed number of elements को store करने के लिए allow करते हैं , जिसमे हर element का type predefined होता है।

आज हम इस article में TypeScript Tuples को समझेंगे, और देखेंगे कि ये कैसे काम करते हैं, और उनके real-life examples क्या हो सकते हैं।

What is tuples in typescript ?

Tuples एक fixed-size array कि तरह होती हैं जिसमे हर element का type predefined होता है।

TypeScript में, एक tuple को define करते वक्त आप ये specify करते हैं कि हर index पर कौनसे type का data store होगा। ये concept TypeScript को ज़्यादा type-safe बनाता है, और आपको data का specific format maintain करने में help करता है।

Typescript tuple declaration

आप tuple को कुछ इस तरह से declare करते हैं

Copy
let tupleName: [type1, type2, ...];

Typescript tuple example

Copy
let employee: [number, string];
employee = [1, "Alice"];

इस example में employee tuple का पहला element एक number और दूसरा element एक string है। अगर आप इस order को violate करेंगे, तो TypeScript error देगा।

Copy
employee = ["Alice", 1]; 
// Error: Type 'string' is not assignable to type 'number'

●●●

TypeScript Tuple : Accessing Elements

Tuple के elements को access करना बिल्कुल arrays कि तरह होता है, आप उन्हें index के through access कर सकते हैं।

Example

Copy
console.log(employee[0]); // Output: 1
console.log(employee[1]); // Output: Alice

●●●

Adding and Removing Elements In Tuple

TypeScript tuples में fixed size होती है, इसका मतलब है कि आप predefined elements के अलावा extra elements नहीं add कर सकते।

पर अगर आपने types को extend किया है, तो आप elements को push कर सकते हैं।

For example

Copy
let employee: [number, string];
employee = [1, "Alice"];

// Adding element with push
employee.push("Developer");
console.log(employee); // Output: [1, "Alice", "Developer"]

// Removing element with pop
employee.pop();
console.log(employee); // Output: [1, "Alice"]

यहां पर tuple का structure पहले से define किया गया है, लेकिन आप extra elements को runtime पे push कर सकते हैं।

●●●

TypeScript Tuple with Optional Elements

अगर आपको कुछ optional elements चाहिए, तो TypeScript आपको ये flexibility भी देता है। इसके लिए type के बाद ? का use किया जाता है।

Copy
let employee: [number, string, string?];
employee = [1, "Alice"];
employee = [1, "Alice", "Developer"];

इस example में, तीसरा element string optional है , आप इससे include भी कर सकते हैं और omit भी।

TypeScrpit Readonly Tuple

अगर आप साहहते हैं कि एक बार value set होने के बाद उसपर कोई new value push न हो तो tuple को readonly बना सकते हैं।

इसके लिए simply type से पहले readonly define करना पड़ता है।

For example

Copy
// define readonly tuple
const ro_tuple: readonly [string, number] = ['Rajesh', 56];
// throws error as it is readonly.
ro_tuple.push('one more name'); 

●●●

Typescript Tuple Labels

TypeScript tuples में आप label भी दे सकते हैं जो आपके code को और ज़्यादा readable बनाता है।

Example

Copy
let person: [id: number, name: string, role: string];
person = [101, "John", "Manager"];

यहां हमने tuple के elements को id, name, और role के साथ label किया है, जो code को easily understandable बनाता है।

label use करने का फायदा ये है कि हमें पता होता है कि किसी tuple variable को क्यों define किया और यह क्या store कर रहा है। जिससे अगर कोई दूसरा developer भी आपका code check करे तो उसे समझ आये।

●●●

TypeScript Tuples vs Arrays

Tuples में आपको array के comparison में ज़्यादा strict typing मिलती है। हर position का एक fixed type होता है, जबकि arrays में आप same type के multiple elements store करते हैं।

●●●

TypeScript Tuple as Function Return Types

TypeScript tuples का एक interesting use-case function के return type के रूप में होता है। आप एक function से multiple values return करना चाहते हैं तो tuples काफी useful होते हैं।

Copy
function getUser(): [number, string] {
    return [101, "John"];
}

let user = getUser();
console.log(user); // Output: [101, "John"]

यहां getUser() function एक tuple return कर रहा है जिसमे एक number और एक string value है। ये approach उस case में helpful है जब आपको एक से ज़्यादा values एक function से return करनी हो।

●●●

TypeScript Nested Tuples

Nested tuples का use तब होता है जब आपको एक tuple के अंदर दूसरे tuples को store करना हो। यह concept complex data structures को represent करने में काफी helpful होता है।

Copy
let employee: [number, string, [string, number]];
employee = [101, "John", ["Developer", 5]];

इस example में employee tuple के अंदर एक और tuple है जो employee का role और experience store करता है।

●●●

Conclusion

TypeScript Tuples एक काफी important concept हैं जो आपको strongly typed और fixed-size data structures बनाने में help करते हैं। इससे आपको data integrity maintain करना easy हो जाता है, और आपका code ज़्यादा readable और manageable होता है।

Tuples का use real-life scenarios जैसे functions के return types, nested data, और multi-value storage में काफी ज़्यादा होता है।