Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Mengakses Kekunci Antara Muka sebagai Array dalam TypeScript?

Bagaimana untuk Mengakses Kekunci Antara Muka sebagai Array dalam TypeScript?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-10-31 00:08:30770semak imbas

How to Access Interface Keys as an Array in TypeScript?

Mengakses Kekunci Antara Muka sebagai Tatasusunan dalam TypeScript

Antara muka TypeScript biasanya digunakan untuk mentakrifkan struktur objek dengan sifat tertentu. Walau bagaimanapun, mungkin terdapat keadaan apabila anda perlu mendapatkan tatasusunan kunci harta daripada antara muka. Ini membolehkan lelaran dan manipulasi data antara muka yang lebih mudah.

Mendapatkan Kekunci Antara Muka sebagai Tatasusunan

Sehingga TypeScript 2.3, pengubah tersuai menyediakan mekanisme yang berkuasa untuk melanjutkan bahasa . Satu pengubah yang ketara, kekunci-transformer-ts, boleh digunakan untuk mengekstrak kunci antara muka ke dalam tatasusunan.

Menggunakan Transformer kekunci-transformer ts

Untuk menggunakan ts-transformer-keys transformer, ikuti langkah berikut:

  1. Pasang transformer:

    npm install ts-transformer-keys
  2. Buat fail konfigurasi TypeScript (tsconfig.json):

    <code class="json">{
      "compilerOptions": {
        "plugins": [
          {
            "name": "ts-transformer-keys"
          }
        ]
      }
    }</code>
  3. Dalam kod TypeScript anda:

    <code class="typescript">import { keys } from 'ts-transformer-keys';
    
    interface IMyTable {
      id: number;
      title: string;
      createdAt: Date;
      isDeleted: boolean;
    }
    
    const IMyTableKeys = keys<IMyTable>(); // ['id', 'title', 'createdAt', 'isDeleted']</code>

    Pembolehubah IMyTableKeys kini mengandungi tatasusunan semua kunci antara muka.

Kelebihan Transformer Tersuai

Transformer tersuai menawarkan beberapa faedah:

  • Kebolehluasan: Transformer boleh digabungkan atau dilanjutkan untuk mencipta penyelesaian tersuai untuk kes penggunaan tertentu.
  • Atas ialah kandungan terperinci Bagaimana untuk Mengakses Kekunci Antara Muka sebagai Array dalam TypeScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

  • Kenyataan:
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn