了解TypeScript中的可索引類型接口

作者:

了解TypeScript中的可索引類型接口

目錄

TypeScript 接口(interfaces)的可索引類型

TypeScript 接口(interfaces)的可索引類型是一種特殊的接口，它可以用來定義一個對象的索引結構，以及對該索引的值的類型。它可以用於定義一個對象的索引結構，以及對該索引的值的類型。

可索引類型的定義如下：

interface StringArray {
    [index: number]: string;
}
TypeScript

上面的定義表示，StringArray 接口允許索引的型別是 number，而對應的值的型別是 string。

可索引類型可以用於定義一個對象的索引結構，以及對該索引的值的類型。例如，我們可以定義一個對象，它的索引是字符串，而對應的值是數字：

interface NumberDictionary {
    [index: string]: number;
}

let numbers: NumberDictionary = {
    'one': 1,
    'two': 2,
    'three': 3
};
TypeScript

可索引類型也可以用於定義一個函數的參數，以及對應的參數的型別：

interface NumberDictionary {
    [index: string]: number;
}

function sum(numbers: NumberDictionary): number {
    let result = 0;
    for (let key in numbers) {
        result += numbers[key];
    }
    return result;
}

let numbers = {
    'one': 1,
    'two': 2,
    'three': 3
};

let result = sum(numbers);
console.log(result); // 6
TypeScript

可索引類型是 TypeScript 中一個非常有用的功能，它可以讓我們定義一個對象的索引結構，以及對應的值的類型，以此來提高代碼的可讀性和可維護性。

推薦閱讀文章

推薦閱讀文章

            TypeScript 接口(interfaces)的可索引類型

            TypeScript 接口(interfaces)

            TypeScript 進階類型

            TypeScript 接口(interfaces)的可索引類型

            TypeScript 基本類型

延伸閱讀本站文章

更多TypeScript相關文章

推薦學習youtube影片

發佈留言