타입스크립트 배열과 제네릭

타입스크립트 배열과 제네릭

---

// T는 클래스 안에서 사용하는 임시 타입 이름이다.
class Queue<T>{

    // 내부에서 T 타입의 배열을 초기화 한다.
    private array: T[] = [];

    // T 타입의 값을 배열에 추가한다.
    push(item: T){
        this.array.push(item);
    }

    // T 타입의 배열의 첫 번째 값을 꺼낸다.
    pop(): T | undefined{
        return this.array.shift();
    }

}

const quene = new Queue<number>(); // 숫자 타입을 다루는 큐를 생성한다.
quene.push(123);
quene.push(456);
quene.push(789);

console.log('제네릭 클래스 결과 : ',quene);

// 타입스크립트 배열

const vArray: string[] = [];
vArray.push('가');
vArray.push('나');
vArray.push('다');

const vArray1: string[] = [];
vArray.push('라A');
vArray.push('마B');

vArray.concat(vArray1); //다른 배열의 값을 합친다.

console.log('배열의 값 : ',vArray);
console.log('배열의 수 : ',vArray.length);

 

타입스크립트에서의 배열 사용은 자바나 자바스크립트와 유사하다.

배열에 타입을 지정할 때는 그 배열을 구성하는 타입과 []표기를 사용하면 된다. 예를 들어, number의 배열이라면 number[], 문자열이라면 string[] 구문을 사용한다.

Array(string)과 같은 제네릭도 가능하다.

 

 제네릭은 리액트 컴포넌트에서 제네릭 타입으로 정의 가능.