TypeScript에서 모든 데이터 유형 사용

Rana Hasnain Khan 2024년2월15일
TypeScript에서 모든 데이터 유형 사용

Typescript에서 any 데이터 유형을 사용하는 방법을 예제와 함께 소개합니다.

TypeScript에서 any 데이터 유형 사용

상용 응용 프로그램을 개발할 때 사용자가 특정 필드에 무엇을 입력할지 항상 알 수 없는 상황이 있습니다. 이를 위해 우리는 변수를 사용자에게 친숙하게 정의하고 컴파일할 때 항상 전달하거나 확인할 변수의 유형을 정의해야 합니다.

TypeScript는 항상 변수의 유형을 확인하고 컴파일 시간 동안 몇 가지 확인을 추가합니다. 대부분의 경우 변수의 유형을 쉽게 정의할 수 있지만, 사용자가 숫자나 문자열을 입력할 수 있는 특수한 경우에는 단일 변수에 대해 여러 유형을 관리하기 어려울 수 있습니다.

TypeScript는 변수의 유형이나 다음 변수에 어떤 유형의 데이터가 삽입될지 확실하지 않을 때 사용할 수 있는 새로운 데이터 유형을 제공합니다. any는 TypeScript의 데이터 유형으로, 변수의 유형 검사 및 컴파일 시간 검사를 우회하기 위해 변수를 정의하는 데 사용합니다.

예제를 살펴보고 이 데이터 유형을 사용하여 변수를 선언한 다음 동일한 변수에 여러 유형의 값을 전달해 보겠습니다.

예제 코드:

# Typescript
let vari: any = 7;
console.log(vari);
vari = "String Passed";
console.log(vari);
vari = false;
console.log(vari)

출력:

모든 데이터 유형을 사용하여 정의된 변수에 여러 유형의 값 전달

위의 예에서 볼 수 있듯이 any 데이터 유형을 사용하여 선언된 변수에 모든 유형의 값을 전달할 수 있습니다. 변수와 유사하게 any 데이터 유형을 사용하여 배열을 정의할 수도 있습니다.

any 데이터 유형을 사용하여 배열을 생성하는 또 다른 예를 살펴보겠습니다.

예제 코드:

# Typescript
let myArray: any[] = [1, 2, true];
myArray.push("String");
myArray.push("Hello");
myArray.push(3);
myArray.push(false);
console.log(myArray);

출력:

Typescript의 모든 데이터 유형을 사용하여 배열 만들기

위의 예에서는 TypeScript에서 임의의 데이터 유형으로 생성한 후 배열 내부에 모든 유형의 값을 삽입할 수 있습니다.

Rana Hasnain Khan avatar Rana Hasnain Khan avatar

Rana is a computer science graduate passionate about helping people to build and diagnose scalable web application problems and problems developers face across the full-stack.

LinkedIn