[Typescript] 객체 타입

🗂️ 객체 타입 (Object Types)

1. 객체 타입 (Object Type)

객체 타입은 객체 리터럴 타입으로 지정해준다.

객체 안에 있는 모든 프로퍼티들의 타입을 지정해주는 방법이다.

1️⃣ 타입 위치에 바로 프로퍼티들의 타입을 작성한다.

const yeonji: {
    species: string,
      age: number, 
} = {
    species: "maltese",
      age: 13, 
}

2️⃣ 프로퍼티의 type을 분리한 후 변수에 타입을 지정해준다.

// 객체에 들어갈 프로퍼티들의 타입을 지정해준다. 
type dog = {
    species: string,
      age: number, 
}

// 변수에 객체 리터럴 타입을 지정해준다. 
const yeonji: dog = {
    species: "maltese",
      age: 13, 
}

2. 배열 타입 (Array Type)

배열 타입은 두 가지 방법으로 쓸 수 있다.

1️⃣ 배열 요소들을 나타내는 타입과, 타입 뒤에 []을 쓴다.

// string으로 된 배열을 타입으로 지정했다. 
const myDogs: string[] = ["향기", "연지"];

2️⃣ 제네릭 배열 타입을 사용한다.

const myDog: Array<string> = ["향기", "연지"];

3. 함수 타입 (Function Type)

함수 타입은 파라미터와 반환 타입을 지정해 줄 수 있다.

1️⃣ 매개변수 타입

매개변수 x의 타입, 매개변수 y의 타입을 각각 지정해준다.
(x: number, y: number)

매개변수의 오른쪽엔 함수가 반환할 값의 타입을 지정할 수 있다.
(x: number, y: number): number`

// 함수 선언식
function add(x: number, y: number): number {
    return x + y;
}


// 함수 표현식
let add2 = function(x: number, y: number): number { return x + y };

2️⃣ 반환 타입

• 매개변수와 반환 사이에 '화살표 표기(=>)'를 사용하여 반환 타입을 작성할 수 있다.

// '=> number'는 변수 add에 들어있는 함수의 타입이 number  
let add: (x: number, y: number) => number =  
// 이 부분의 ':number'은 반환값의 타입  
function(x: number, y: number): number { return x + y; };

• 함수가 값을 반환하지 않는다면 비워두지 않고 void를 쓴다.

function logMessage(message: string): void {
    console.log(message);
}

[다음] 함수의 매개변수