TypeScript Interface for Array Type Example

This post shows how to use interface for Array types in TypeScript with an example.
In TypeScript, interfaces allow us to create contracts other classes/ objects have to implement. We can use them to define custom types without creating classes.

Read the complete tutorial at https://www.javaguides.net/2019/10/typescript-interface-tutorial-with-examples.html.

Interface for Array Type Example

An interface can also define the type of an array where you can define the type of index as well as values
interface NumList {
    [index:number]:number
}

let numArr: NumList = [1, 2, 3];
numArr[0];
numArr[1];
console.log(numArr);


// Array which return string
interface ProLangArray {
    [index:number]:string
}

// use of the interface  
let progLangArray : ProLangArray = ['C', 'C++', 'Java', 'Python'];
console.log(progLangArray);
Output:
[ 1, 2, 3 ]
[ 'C', 'C++', 'Java', 'Python' ]
Learn typescript at TypeScript Tutorial with Examples.

Reference

Related TypeScript Source Code Examples

Typescript for Loop Example TypeScript for..of Loop Example TypeScript for..in Loop Example TypeScript for..of vs. for..in Statements TypeScript forEach Example TypeScript readonly Modifier Example TypeScript static property and static method example TypeScript Array Example TypeScript Interface Example TypeScript Interface for Array Type Example Typescript String Based Enums Examples TypeScript Number Enums Examples TypeScript Class Example TypeScript Inheritance Example TypeScript Readonly Modifier Example TypeScript Static Example TypeScript Singleton Pattern Example TypeScript Factory Design Pattern with Example TypeScript Abstract Factory Pattern Example TypeScript Builder Pattern Example TypeScript Prototype Pattern Example TypeScript Bridge Pattern Example TypeScript Adapter Pattern Example TypeScript Decorator Pattern Example TypeScript Composite Pattern Example TypeScript Flyweight Design Pattern Example TypeScript Facade Pattern Example TypeScript Proxy Pattern Example TypeScript Command Pattern Example TypeScript Chain of Responsibility Pattern Example TypeScript Visitor Pattern Example TypeScript Template Method Pattern Example TypeScript Strategy Pattern Example TypeScript State Pattern Example TypeScript Observer Pattern Example TypeScript Memento Pattern Example TypeScript Mediator Pattern Example TypeScript Iterator Pattern Example TypeScript Interpreter Design Pattern Example

Comments

Post a Comment