타입스크립트 튜플( tuple ) 타입 예제

타입스크립트( Typescript )의 튜플( tuple )타입은 배열과 비슷하다.

튜플 타입은 저장할 값의 개수와 각 위치에 들어갈 데이터 타입을 미리 정할 수 있는 타입이다.

일반 배열은 같은 타입의 값을 여러 개 저장할 때 사용하지만,
튜플은 서로 다른 타입의 값을 정해진 순서로 묶어서 사용한다.

첫 번째 값은 문자열, 두 번째 값은 숫자처럼 각 위치의 타입을 구분할 수 있는 것이 튜플이다.

정해진 형식의 데이터를 하나의 묶음으로 표현하고자 할 때 튜플을 사용해 데이터 구조를 만들 수 있다.

튜플을 사용하면 각 위치에 허용되는 타입이 지정된다.

만약, 잘못된 타입의 값이 입력되려고 한다면, 컴파일 단계에서 확인 후 에러가 발생한다.

필요한 경우 튜플에 저장된 데이터 중에서 특정 위치의 값을 선택적으로 지정하거나, 읽기 전용 형태로 설정하여 값의 변경을 제한할 수도 있다.

튜플은 좌표, 사용자 정보, 함수의 여러 반환값처럼 값의 순서와 의미가 명확하게 정해진 데이터를 표현할 때 사용된다.

타입스크립트 튜플( tuple ) 타입 예제

⊙

const user: [string, number] = ["철수", 20];

⊙

let user: [string, number];

user = ["철수", 20];

⊙

let user: [string, number];

user = [20, "철수"];

⊙

const names: string[] = ["철수", "영희", "민수"];

⊙

const user: [string, number, boolean] = [
  "철수",
  20,
  true
];

⊙

const product: [string, number] = [
  "노트북",
  1500000
];

⊙

console.log(product[0]);
console.log(product[1]);

⊙

const name = product[0];
// string

const price = product[1];
// number

⊙

type User = [string, number];

const user1: User = ["철수", 20];
const user2: User = ["영희", 25];

⊙

type User = [
  name: string,
  age: number
];

const user: User = ["철수", 20];

⊙

user[0];
user[1];

⊙

type User = [string, number];

const user: User = ["철수", 20];

const [name, age] = user;

console.log(name);
console.log(age);

⊙

function getUser(): [string, boolean] {
  return ["철수", true];
}

⊙

const [name, isLoggedIn] = getUser();

console.log(name);
console.log(isLoggedIn);

⊙

type User = [
  string,
  number,
  boolean?
];

⊙

const user1: User = [
  "철수",
  20
];

const user2: User = [
  "영희",
  25,
  true
];

⊙

type Coordinate = [
  number,
  number,
  number?
];

⊙

type User = [string, number?];

const user: User = ["철수"];

const age = user[1];
// number | undefined

⊙

type Log = [
  string,
  ...number[]
];

⊙

const log1: Log = ["score"];

const log2: Log = [
  "score",
  10,
  20
];

const log3: Log = [
  "score",
  10,
  20,
  30
];

⊙

const user: readonly [string, number] = [
  "철수",
  20
];

⊙

user[0] = "영희";

Over Tech