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

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

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

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

可索引類型的定義如下:

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

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

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

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

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

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

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 中一個非常有用的功能,它可以讓我們定義一個對象的索引結構,以及對應的值的類型,以此來提高代碼的可讀性和可維護性。

推薦閱讀文章

推薦閱讀文章

            <a href="https://www.tutorialsteacher.com/typescript/indexable-types" target="_blank" rel="noopener">TypeScript 接口(interfaces)的可索引類型</a><br>
            <a href="https://www.typescriptlang.org/docs/handbook/interfaces.html" target="_blank" rel="noopener">TypeScript 接口(interfaces)</a><br>
            <a href="https://www.typescriptlang.org/docs/handbook/advanced-types.html" target="_blank" rel="noopener">TypeScript 進階類型</a><br>
            <a href="https://www.typescriptlang.org/docs/handbook/interfaces.html#indexable-types" target="_blank" rel="noopener">TypeScript 接口(interfaces)的可索引類型</a><br>
            <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" rel="noopener">TypeScript 基本類型</a

延伸閱讀本站文章

更多TypeScript相關文章

推薦學習youtube影片

發佈留言