স্ট্রিংগুলির অ্যারে হিসাবে টাইপস্ক্রিপ্ট ইন্টারফেসের কীগুলি পান

Question 1

তাদের কাছে কী কলাম রয়েছে তার জন্য আমি লাভফিল্ড এবং তাদের নিজ নিজ ইন্টারফেসে প্রচুর টেবিল পেয়েছি ।
উদাহরণ:

export interface IMyTable {
  id: number;
  title: string;
  createdAt: Date;
  isDeleted: boolean;
}

আমি এই ইন্টারফেসের সম্পত্তির নামটি এর মতো একটি অ্যারে রাখতে চাই:

const IMyTable = ["id", "title", "createdAt", "isDeleted"];

আমি IMyTableসরাসরি ইন্টারফেসের উপর ভিত্তি করে কোনও অবজেক্ট / অ্যারে তৈরি করতে পারি না যা কৌশলটি করা উচিত কারণ আমি টেবিলগুলির ইন্টারফেসের নামটি গতিশীলভাবে পেয়েছি। সুতরাং ইন্টারফেসে এই বৈশিষ্ট্যগুলি নিয়ে আমার পুনরাবৃত্তি হওয়া এবং এটির একটি অ্যারে নেওয়া দরকার।

আমি এই ফলাফলটি কীভাবে অর্জন করব?

Question 2

এর মতো টাইপ করা বিষয় 2.3 (অথবা আমি বলতে হবে 2.4 , হিসাবে 2.3 এই বৈশিষ্ট্যটি রয়েছে একটি বাগ যা সংশোধন করা হয়েছে typescript@2.4-dev ), আপনি অর্জন করতে কি আপনি কি করতে চান একটি কাস্টম ট্রান্সফরমার তৈরি করতে পারেন।

আসলে, আমি ইতিমধ্যে একটি কাস্টম ট্রান্সফর্মার তৈরি করেছি, যা নিম্নলিখিতগুলি সক্ষম করে।

https://github.com/kimamula/ts-transformer-keys

import { keys } from 'ts-transformer-keys';

interface Props {
  id: string;
  name: string;
  age: number;
}
const keysOfProps = keys<Props>();

console.log(keysOfProps); // ['id', 'name', 'age']

দুর্ভাগ্যক্রমে, কাস্টম ট্রান্সফর্মারগুলি বর্তমানে ব্যবহার করা এত সহজ নয়। আপনি তাদের সাথে ব্যবহার করতে হবে টাইপ করা বিষয় পরিবর্তে টিএসসি কমান্ড নির্বাহ রূপান্তরের API- টি। নেই একটি বিষয় কাস্টম ট্রান্সফরমার জন্য একটি প্লাগইন সমর্থন অনুরোধ করা হচ্ছে।

Question 3

নিম্নলিখিতগুলির জন্য আপনার নিজের কীগুলি তালিকাভুক্ত করা প্রয়োজন, তবে কমপক্ষে টাইপসক্রিপ্ট কার্যকর করতে হবে IUserProfileএবং IUserProfileKeysঠিক একই কীগুলি হবে ( Required<T>টাইপস্ক্রিপ্ট ২.৮ এ যুক্ত হয়েছিল ):

export interface IUserProfile  {
  id: string;
  name: string;
};
type KeysEnum<T> = { [P in keyof Required<T>]: true };
const IUserProfileKeys: KeysEnum<IUserProfile> = {
  id: true,
  name: true,
};

Question 4

আমার অনুরূপ সমস্যা ছিল যে আমার কাছে এমন একটি বৈশিষ্ট্যগুলির একটি বিশাল তালিকা ছিল যা আমি একটি ইন্টারফেস এবং এর বাইরে একটি বস্তু উভয়ই রাখতে চাইতাম।

দ্রষ্টব্য: আমি বৈশিষ্ট্যগুলি দুটিবার (কীবোর্ড দিয়ে টাইপ) লিখতে চাইনি! শুধু শুকনো।

এখানে একটি বিষয় লক্ষণীয়, ইন্টারফেসগুলি সংকলন-সময়ে প্রয়োগ করা প্রকারভেদ, যখন অবজেক্টগুলি বেশিরভাগ রান-টাইম থাকে। ( উত্স )

@ ডেরেক যেমন অন্য উত্তরে উল্লিখিত হয়েছে , ইন্টারফেস এবং অবজেক্টের সাধারণ ডিনোমিনেটর এমন একটি শ্রেণি হতে পারে যা একটি প্রকার এবং মান উভয়কেই পরিবেশন করে ।

সুতরাং, টিএল; ডিআর, নিম্নলিখিত কোডের অংশটি চাহিদা পূরণ করবে:

class MyTableClass {
    // list the propeties here, ONLY WRITTEN ONCE
    id = "";
    title = "";
    isDeleted = false;
}

// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

// This is the pure interface version, to be used/exported
interface IMyTable extends MyTableClass { };

// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

// Props type as an array, to be exported
type MyTablePropsArray = Array<keyof IMyTable>;

// Props array itself!
const propsArray: MyTablePropsArray =
    Object.keys(new MyTableClass()) as MyTablePropsArray;

console.log(propsArray); // prints out  ["id", "title", "isDeleted"]


// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

// Example of creating a pure instance as an object
const tableInstance: MyTableClass = { // works properly!
    id: "3",
    title: "hi",
    isDeleted: false,
};

( এখানে টাইপ করা বিষয় খেলার মাঠে উপরের কোড আরো খেলতে হয়)

পুনশ্চ. আপনি যদি শ্রেণীর বৈশিষ্ট্যগুলিতে প্রাথমিক মান নির্ধারণ করতে না চান এবং প্রকারের সাথে থাকতে চান তবে আপনি কনস্ট্রাক্টর ট্রিক করতে পারেন:

class MyTableClass {
    // list the propeties here, ONLY WRITTEN ONCE
    constructor(
        readonly id?: string,
        readonly title?: string,
        readonly isDeleted?: boolean,
    ) {}
}

console.log(Object.keys(new MyTableClass()));  // prints out  ["id", "title", "isDeleted"]

টাইপস্ক্রিপ্ট খেলার মাঠে কনস্ট্রাক্টর ট্রিক ।

Question 5

হতে পারে এটি খুব দেরী হয়েছে, তবে টাইপস্ক্রিপ্টের ২.১ সংস্করণে আপনি এটি ব্যবহার করতে পারেন key of:

interface Person {
    name: string;
    age: number;
    location: string;
}

type K1 = keyof Person; // "name" | "age" | "location"
type K2 = keyof Person[];  // "length" | "push" | "pop" | "concat" | ...
type K3 = keyof { [x: string]: Person };  // string

ডক: https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-1.html#keyof-and-lookup-tyype

Question 6

এই কাজ করা উচিত

var IMyTable: Array<keyof IMyTable> = ["id", "title", "createdAt", "isDeleted"];

বা

var IMyTable: (keyof IMyTable)[] = ["id", "title", "createdAt", "isDeleted"];

Question 7

নিরাপদ রূপগুলি

সুরক্ষা সংকলন-সময় চেক সহ একটি ইন্টারফেস থেকে কীগুলির একটি অ্যারে বা টুপল কী তৈরি করতে কিছুটা সৃজনশীলতার প্রয়োজন। প্রকারগুলি রান-টাইমে মুছে ফেলা হয় এবং অবজেক্টের ধরণগুলি (আনর্ডারড, নামযুক্ত) অসমর্থিত কৌশলগুলি অবলম্বন না করে টিপল ধরণের (অর্ডারযুক্ত, নামবিহীন) রূপান্তর করা যায় না ।

অন্যান্য উত্তরের সাথে তুলনা

এখানে প্রস্তাবিত রূপগুলি সমস্ত রেফারেন্স অবজেক্ট টাইপের মতো ডুপ্লিকেট বা হারিয়ে যাওয়া টিপল আইটেমগুলির ক্ষেত্রে একটি সংকলন ত্রুটি বিবেচনা / ট্রিগার করে IMyTable। উদাহরণস্বরূপ একটি অ্যারের ধরণের ঘোষণা (keyof IMyTable)[]এই ত্রুটিগুলি ধরতে পারে না।

তদতিরিক্ত, তাদের জন্য কোনও নির্দিষ্ট গ্রন্থাগারের (শেষ প্রকারের ব্যবহারগুলি ts-morph, যা আমি জেনেরিক সংকলক মোড়ক হিসাবে বিবেচনা করব) প্রয়োজন নেই, কোনও বস্তুর বিপরীতে একটি টুপল প্রকার নির্গত করুন (কেবলমাত্র প্রথম সমাধানটি অ্যারে তৈরি করে) বা প্রশস্ত অ্যারের ধরণের (সাথে তুলনা করুন) এই উত্তরগুলি ) এবং শেষ পর্যন্ত ক্লাসের দরকার নেই ।

বৈকল্পিক 1: সাধারণ টাইপ করা অ্যারে

// Record type ensures, we have no double or missing keys, values can be neglected
function createKeys(keyRecord: Record<keyof IMyTable, any>): (keyof IMyTable)[] {
  return Object.keys(keyRecord) as any
}

const keys = createKeys({ isDeleted: 1, createdAt: 1, title: 1, id: 1 })
// const keys: ("id" | "title" | "createdAt" | "isDeleted")[]

+স্বতঃসমাপ্তি অ্যারে +-সহ সহজ ম্যানুয়াল -, কোনও টুপল নেই

খেলার মাঠ

আপনি যদি কোনও রেকর্ড তৈরি করতে পছন্দ করেন না তবে এই বিকল্পটি Setএবং দৃser়তার সাথে জেনে নিন ।

বৈকল্পিক 2: সহায়ক ফাংশন দিয়ে টিপল

function createKeys<T extends readonly (keyof IMyTable)[] | [keyof IMyTable]>(
    t: T & CheckMissing<T, IMyTable> & CheckDuplicate<T>): T {
    return t
}

++-স্বয়ংক্রিয় সমাপ্তি +-আরও উন্নত, জটিল ধরণের সঙ্গে ম্যানুয়াল tuple

খেলার মাঠ

ব্যাখ্যা

createKeysকম্পাইল-টাইম চেকগুলি অতিরিক্ত দৃser়তার সাথে ফাংশন পরামিতি প্রকারটি মার্জ করে উপযুক্ত ইনপুট না দেওয়ার জন্য ত্রুটি নির্গত করে। কলি দিক থেকে অ্যারের পরিবর্তে টিপলের অনুপাত জোর করার (keyof IMyTable)[] | [keyof IMyTable]একটি "কালো যাদু" উপায় । বিকল্পভাবে, আপনি কলার পক্ষ থেকে / দৃ const় অবস্থানগুলিas const ব্যবহার করতে পারেন ।

CheckMissingচেকগুলি, যদি Tথেকে কীগুলি মিস করে U:

type CheckMissing<T extends readonly any[], U extends Record<string, any>> = {
    [K in keyof U]: K extends T[number] ? never : K
}[keyof U] extends never ? T : T & "Error: missing keys"

type T1 = CheckMissing<["p1"], {p1:any, p2:any}> //["p1"] & "Error: missing keys"
type T2 = CheckMissing<["p1", "p2"], { p1: any, p2: any }> // ["p1", "p2"]

দ্রষ্টব্য: T & "Error: missing keys"কেবলমাত্র ভাল আইডিই ত্রুটির জন্য। আপনিও লিখতে পারতেন never। CheckDuplicatesডাবল টুপল আইটেমগুলি পরীক্ষা করে:

type CheckDuplicate<T extends readonly any[]> = {
    [P1 in keyof T]: "_flag_" extends
    { [P2 in keyof T]: P2 extends P1 ? never :
        T[P2] extends T[P1] ? "_flag_" : never }[keyof T] ?
    [T[P1], "Error: duplicate"] : T[P1]
}

type T3 = CheckDuplicate<[1, 2, 3]> // [1, 2, 3]
type T4 = CheckDuplicate<[1, 2, 1]> 
// [[1, "Error: duplicate"], 2, [1, "Error: duplicate"]]

দ্রষ্টব্য: টিপলগুলিতে অনন্য আইটেমের চেকগুলিতে আরও ইনফোগুলি এই পোস্টে রয়েছে । সঙ্গে হিজড়া 4.1 , আমরা ত্রুটি স্ট্রিং অনুপস্থিত কী নাম করতে পারেন - কটাক্ষপাত করা এই খেলার মাঠ ।

বৈকল্পিক 3: রিকার্সিভ টাইপ

সংস্করণ ৪.১ সহ, টাইপসক্রিপটি আনুষ্ঠানিকভাবে শর্তসাপেক্ষ পুনরাবৃত্ত প্রকারগুলিকে সমর্থন করে , যা এখানেও সম্ভবত ব্যবহার করা যেতে পারে। যদিও, সংযুক্তি জটিলতার কারণে টাইপ গণনা ব্যয়বহুল - কর্মক্ষমতা 5-6 এর বেশি আইটেমের জন্য ব্যাপকভাবে হ্রাস পায় rad আমি সম্পূর্ণতার জন্য এই বিকল্পের তালিকা ( খেলার মাঠ ):

type Prepend<T, U extends any[]> = [T, ...U] // TS 4.0 variadic tuples

type Keys<T extends Record<string, any>> = Keys_<T, []>
type Keys_<T extends Record<string, any>, U extends PropertyKey[]> =
  {
    [P in keyof T]: {} extends Omit<T, P> ? [P] : Prepend<P, Keys_<Omit<T, P>, U>>
  }[keyof T]

const t1: Keys<IMyTable> = ["createdAt", "isDeleted", "id", "title"] // ✔

++-স্বয়ংক্রিয় সমাপ্তির সাথে +কোনও সহায়িকার ফাংশন --কর্মক্ষমতা নিয়ে ম্যানুয়াল টিপল করুন

বৈকল্পিক 4: কোড জেনারেটর / টিএস সংকলক এপিআই

ts-morph এখানে বেছে নেওয়া হয়েছে, কারণ এটি মূল TS সংকলক API এর একটি সহজ সরল মোড়কের বিকল্প । অবশ্যই, আপনি সরাসরি সংকলক এপিআইও ব্যবহার করতে পারেন। জেনারেটর কোডটি দেখুন:

// ./src/mybuildstep.ts
import {Project, VariableDeclarationKind, InterfaceDeclaration } from "ts-morph";

const project = new Project();
// source file with IMyTable interface
const sourceFile = project.addSourceFileAtPath("./src/IMyTable.ts"); 
// target file to write the keys string array to
const destFile = project.createSourceFile("./src/generated/IMyTable-keys.ts", "", {
  overwrite: true // overwrite if exists
}); 

function createKeys(node: InterfaceDeclaration) {
  const allKeys = node.getProperties().map(p => p.getName());
  destFile.addVariableStatement({
    declarationKind: VariableDeclarationKind.Const,
    declarations: [{
        name: "keys",
        initializer: writer =>
          writer.write(`${JSON.stringify(allKeys)} as const`)
    }]
  });
}

createKeys(sourceFile.getInterface("IMyTable")!);
destFile.saveSync(); // flush all changes and write to disk

আমরা এই ফাইলটি সংকলন ও চালনার পরে নিম্নলিখিত বিষয়বস্তু সহ tsc && node dist/mybuildstep.jsএকটি ফাইল ./src/generated/IMyTable-keys.tsউত্পন্ন হয়:

// ./src/generated/IMyTable-keys.ts
const keys = ["id","title","createdAt","isDeleted"] as const;

++একাধিক বৈশিষ্ট্যের জন্য স্বয়ংক্রিয়-উত্পন্ন উত্পাদনের সমাধানকে মাপার যোগ্য নয় +কোনও সহায়ক ফাংশন +দ্বিগুণ -অতিরিক্ত বিল্ড-স্টেপ -সংকলক API এর সাথে পরিচিতির প্রয়োজন

Question 8

IMyTableইন্টারফেস হিসাবে সংজ্ঞায়িত করার পরিবর্তে , এটি একটি শ্রেণি হিসাবে সংজ্ঞায়িত করার চেষ্টা করুন। টাইপস্ক্রিপ্টে আপনি একটি ইন্টারফেসের মতো ক্লাস ব্যবহার করতে পারেন।

সুতরাং আপনার উদাহরণের জন্য, আপনার শ্রেণিটিকে এভাবে परिभाषित করুন / উত্পন্ন করুন:

export class IMyTable {
    constructor(
        public id = '',
        public title = '',
        public createdAt: Date = null,
        public isDeleted = false
    )
}

ইন্টারফেস হিসাবে এটি ব্যবহার করুন:

export class SomeTable implements IMyTable {
    ...
}

কীগুলি পান:

const keys = Object.keys(new IMyTable());

Question 9

আপনাকে এমন একটি শ্রেণি তৈরি করতে হবে যা আপনার ইন্টারফেসটি কার্যকর করে, তা ইনস্ট্যান্ট করে এবং তারপরে Object.keys(yourObject)বৈশিষ্ট্যগুলি পেতে ব্যবহার করবে।

export class YourClass implements IMyTable {
    ...
}

তারপর

let yourObject:YourClass = new YourClass();
Object.keys(yourObject).forEach((...) => { ... });

Question 10

পারছে না। রানটাইমের সময় ইন্টারফেসের অস্তিত্ব নেই।

workaround

প্রকারের একটি ভেরিয়েবল তৈরি করুন এবং Object.keysএটিতে ব্যবহার করুন 🌹

Question 11

এটা ছিল শক্ত! আপনার সহায়তার জন্য সবাইকে ধন্যবাদ।

আমার প্রয়োজনটি ছিল মোচা / চই স্ক্রিপ্টিংটিকে সহজ করার জন্য স্ট্রিংগুলির একটি অ্যারে হিসাবে একটি ইন্টারফেসের কীগুলি পাওয়া। অ্যাপটিতে (এখনও) ব্যবহার সম্পর্কে উদ্বিগ্ন নয়, তাই টিএস ফাইল তৈরি করার প্রয়োজন নেই। সহায়তার জন্য ford04 ধন্যবাদ , উপরে তার সমাধান একটি বিশাল সহায়তা ছিল এবং এটি নিখুঁতভাবে কাজ করে, কোনও সংকলক হ্যাকস। পরিবর্তিত কোডটি এখানে:

বিকল্প 2: টিএস সংকলক API (ts-morph) এর ভিত্তিতে কোড জেনারেটর

নোড মডিউল

npm install --save-dev ts-morph

key.ts

দ্রষ্টব্য : এটি ধরে নেয় যে সমস্ত ts ফাইলগুলি ./src এর মূলের মধ্যে অবস্থিত এবং কোনও সাবফোল্ডার নেই, সেই অনুসারে সামঞ্জস্য করুন

import {
  Project,
  VariableDeclarationKind,
  InterfaceDeclaration,
} from "ts-morph";

// initName is name of the interface file below the root, ./src is considered the root
const Keys = (intName: string): string[] => {
  const project = new Project();
  const sourceFile = project.addSourceFileAtPath(`./src/${intName}.ts`);
  const node = sourceFile.getInterface(intName)!;
  const allKeys = node.getProperties().map((p) => p.getName());

  return allKeys;
};

export default Keys;

ব্যবহার

import keys from "./keys";

const myKeys = keys("MyInterface") //ts file name without extension

console.log(myKeys)

Question 12

আপনি এটা করতে পারবেন না। রানটাইমের সময় ইন্টারফেসের অস্তিত্ব নেই (যেমন @ বাসারাত বলেছেন)।

এখন, আমি নিম্নলিখিতগুলি নিয়ে কাজ করছি:

const IMyTable_id = 'id';
const IMyTable_title = 'title';
const IMyTable_createdAt = 'createdAt';
const IMyTable_isDeleted = 'isDeleted';

export const IMyTable_keys = [
  IMyTable_id,
  IMyTable_title,
  IMyTable_createdAt,
  IMyTable_isDeleted,
];

export interface IMyTable {
  [IMyTable_id]: number;
  [IMyTable_title]: string;
  [IMyTable_createdAt]: Date;
  [IMyTable_isDeleted]: boolean;
}

Question 13

// declarations.d.ts
export interface IMyTable {
      id: number;
      title: string;
      createdAt: Date;
      isDeleted: boolean
}
declare var Tes: IMyTable;
// call in annother page
console.log(Tes.id);