ইউটিলিটি প্রকার

TypeScript সাধারণ টাইপ রূপান্তরের সুবিধার্থে বিভিন্ন গ্লোবাল ইউটিলিটি টাইপ প্রদান করে। এই প্রকারগুলি জেনেরিক এবং আপনাকে ঘোষণামূলকভাবে বিদ্যমান থেকে নতুন প্রকারগুলি তৈরি করার অনুমতি দেয়।

চারটি সর্বাধিক ব্যবহৃত ইউটিলিটি প্রকারগুলি হল:

1. Partial<T>

T ঐচ্ছিক প্রকারের সমস্ত বৈশিষ্ট্য তৈরি করে। এটি আপডেট/প্যাচ ফাংশনগুলির জন্য অত্যন্ত উপযোগী যেখানে কলার কেবলমাত্র ক্ষেত্রগুলির একটি উপসেট সরবরাহ করতে পারে:

interface User {
  id: number;
  name: string;
  email: string;
}

// All properties of User become optional: { id?: number; name?: string; email?: string; }
type UserUpdate = Partial<User>;

2. Readonly<T>

একটি প্রকারের সমস্ত বৈশিষ্ট্য তৈরি করে T শুধুমাত্র। একটি সম্পত্তি পুনরায় বরাদ্দ করার কোনো প্রচেষ্টা একটি কম্পাইল-টাইম কম্পাইলার ত্রুটি ট্রিগার করবে:

interface Point {
  x: number;
  y: number;
}

const p: Readonly<Point> = { x: 10, y: 20 };
// p.x = 5; // Error: cannot assign to 'x' because it is a read-only property

3. Pick<T, Keys>

টাইপ T থেকে শুধুমাত্র একটি নির্দিষ্ট সেট (একটি স্ট্রিং ইউনিয়ন দ্বারা উপস্থাপিত) নির্বাচন করে একটি প্রকার তৈরি করে:

interface Article {
  id: number;
  title: string;
  content: string;
  views: number;
}

// Selects only 'title' and 'views': { title: string; views: number; }
type ArticlePreview = Pick<Article, 'title' | 'views'>;

4. Omit<T, Keys>

T টাইপ থেকে কীগুলির একটি নির্দিষ্ট সেট সরিয়ে একটি প্রকার তৈরি করে। এটি Pick এর দ্বৈত:

interface Product {
  id: number;
  name: string;
  price: number;
  secretVendorCode: string;
}

// Removes 'secretVendorCode': { id: number; name: string; price: number; }
type PublicProduct = Omit<Product, 'secretVendorCode'>;

5. Record<Keys, Type>

একটি বস্তুর প্রকার তৈরি করে যার সম্পত্তি কীগুলি হল Keys এবং যার সম্পত্তির মানগুলি হল Type৷ এটি মানগুলির কী ম্যাপ করার জন্য অত্যন্ত উপযোগী, অভিধান বা হ্যাশ টেবিলের প্রতিনিধিত্ব করে (কী-মান মানচিত্র):

type Page = 'home' | 'about' | 'contact';

interface PageInfo {
  title: string;
}

// Creates a dictionary with keys 'home' | 'about' | 'contact' and values PageInfo
const nav: Record<Page, PageInfo> = {
  home: { title: 'Home Page' },
  about: { title: 'About Us' },
  contact: { title: 'Contact Us' },
};

নিজে চেষ্টা করে দেখুন

অনুশীলনী 1: আংশিক সহ প্রোফাইল আপডেট

ব্যায়াম 2: বাদ দিয়ে সংবেদনশীল ক্ষেত্র অপসারণ

ব্যায়াম 3: পিক এবং রিডনলি সহ পাবলিক কনফিগ

ব্যায়াম 4: রেকর্ড এবং শুধুমাত্র পঠন সহ ব্যবহারকারী রেজিস্ট্রি