Tôi có rất nhiều bảng trong Lovefield và các Giao diện tương ứng của chúng cho những cột nào chúng có.
Thí dụ:

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

Tôi muốn có các tên thuộc tính của giao diện này trong một mảng như thế này:

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

Tôi không thể tạo một đối tượng / mảng dựa trên giao diện IMyTabletrực tiếp, điều này sẽ thực hiện thủ thuật vì tôi sẽ lấy tên giao diện của các bảng một cách động. Do đó, tôi cần phải lặp lại các thuộc tính này trong giao diện và lấy một mảng ra khỏi nó.

Làm thế nào để tôi đạt được kết quả này?

Đối với TypeScript 2.3 (hoặc tôi nên nói 2.4 , như trong 2.3 , tính năng này chứa một lỗi đã được sửa trong stylescript@2.4-dev ), bạn có thể tạo một máy biến áp tùy chỉnh để đạt được những gì bạn muốn.

Trên thực tế, tôi đã tạo một máy biến áp tùy chỉnh như vậy, cho phép những điều sau đây.

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']

Thật không may, máy biến áp tùy chỉnh hiện không dễ sử dụng như vậy. Bạn phải sử dụng chúng với API chuyển đổi TypeScript thay vì thực hiện lệnh tsc. Đã xảy ra sự cố khi yêu cầu hỗ trợ plugin cho máy biến áp tùy chỉnh.

Phần sau yêu cầu bạn phải tự liệt kê các khóa, nhưng ít nhất TypeScript sẽ thực thi IUserProfilevà IUserProfileKeyscó các khóa giống hệt nhau ( Required<T>đã được thêm vào TypeScript 2.8 ):

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

Tôi đã gặp phải một vấn đề tương tự là tôi có một danh sách khổng lồ các thuộc tính mà tôi muốn có cả giao diện và một đối tượng trong đó.

LƯU Ý: Tôi không muốn viết (gõ bằng bàn phím) các thuộc tính hai lần! Chỉ KHÔ.

Một điều cần lưu ý ở đây là, các giao diện là kiểu thực thi tại thời điểm biên dịch, trong khi các đối tượng chủ yếu là thời gian chạy. ( Nguồn )

Như @derek đã đề cập trong một câu trả lời khác , mẫu số chung của giao diện và đối tượng có thể là một lớp phục vụ cả kiểu và giá trị .

Vì vậy, TL; DR, đoạn mã sau đây sẽ đáp ứng các nhu cầu:

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,
};

( Đây là đoạn mã trên trong Sân chơi Typecript để chơi thêm)

Tái bút. Nếu bạn không muốn gán giá trị ban đầu cho các thuộc tính trong lớp và ở lại với kiểu, bạn có thể thực hiện thủ thuật xây dựng:

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"] 

Thủ thuật xây dựng trong Sân chơi TypeScript .

Điều này sẽ hoạt động

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

hoặc là

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

Có lẽ đã quá muộn, nhưng trong phiên bản 2.1 của typecript bạn có thể sử dụng key ofnhư sau:

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

Tài liệu: https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-1.html#keyof-and-lookup-types

Thay vì xác định IMyTablenhư trong giao diện, hãy thử định nghĩa nó như một lớp. Trong bảng chữ, bạn có thể sử dụng một lớp giống như một giao diện.

Vì vậy, đối với ví dụ của bạn, hãy xác định / tạo lớp của bạn như sau:

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

Sử dụng nó làm giao diện:

export class SomeTable implements IMyTable {
    ...
}

Nhận chìa khóa:

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

Bạn sẽ cần tạo một lớp triển khai giao diện của mình, khởi tạo nó và sau đó sử dụng Object.keys(yourObject)để lấy các thuộc tính.

export class YourClass implements IMyTable {
    ...
}

sau đó

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

Không thể. Các giao diện không tồn tại trong thời gian chạy.

cách giải quyết

Tạo một biến loại và sử dụng Object.keystrên đó 🌹

Không có cách nào dễ dàng để tạo một mảng khóa từ một giao diện. Các loại bị xóa trong thời gian chạy và các loại đối tượng (không có thứ tự, được đặt tên) không thể chuyển đổi thành các loại tuple (có thứ tự, không có tên) mà không có một số loại hack.

Tùy chọn 1: Cách tiếp cận thủ công

// 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")[]

(+) kiểu trả về mảng (-) đơn giản, không viết thủ công tuple (+ -) với tính năng tự động hoàn thành

Phần mở rộng: Chúng tôi có thể cố gắng trở nên lạ mắt và sử dụng các kiểu đệ quy để tạo một bộ tuple. Điều này chỉ phù hợp với tôi đối với một vài đạo cụ (~ 5,6) cho đến khi hiệu suất bị giảm sút hàng loạt. Kiểu đệ quy lồng nhau sâu cũng không được TS hỗ trợ chính thức - Tôi liệt kê ví dụ này ở đây vì mục đích đầy đủ.

Tùy chọn 2: Trình tạo mã dựa trên API trình biên dịch TS ( ts-morph )

// ./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

Sau khi chúng tôi biên dịch và chạy tệp này với tsc && node dist/mybuildstep.js, một tệp ./src/generated/IMyTable-keys.tscó nội dung sau sẽ được tạo:

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

(+) giải pháp tự động (+) loại tuple chính xác (-) yêu cầu bước xây dựng

Tái bút: Tôi đã chọn ts-morph, vì nó là một giải pháp thay thế đơn giản cho API trình biên dịch TS gốc.

Bạn không thể làm điều đó. Các giao diện không tồn tại trong thời gian chạy (như @basarat đã nói).

Bây giờ, tôi đang làm việc với:

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;
}

// 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);