[TS] 배열과 튜플

짱효·2024년 1월 9일
0

📖 TypeScript

목록 보기
5/20
post-thumbnail

배열 타입 방식

기본 방식

//배열
let numArr: number[] = [1, 2, 3];

let strArr: string[] = ["hello", "im", "winter"];

//재네릭 문법
let boolArr: Array<boolean> = [true, false, true]

배열에 들어가는 요소들이 다양할 경우

let multiArr: (number | string)[] = [1, "hello"];

타입 알아보는 방법

  • 마우스 커서 올리기

다차원 배열의 타입을 정의하는 방법

let doubleArr: number[][] = [
  [1, 2, 3],
  [4, 5],
];

튜플(자바스크립트에는 없음)

  • 길이와 타입이 고정된 배열
let tup1: [number, number] = [1, 2];

let tup2: [number, string, boolean] = [1, "2", true];

🚨에러

  • 그냥 배열임(컴파일)

  • 배열 메서드를 사용하면 에러없이 사용가능. 그래서 주의해서 사용해야함

튜플 유용하게 사용하기

  • 값을 잘못 넣지 않도록 방지 가능

const users : 📌[string, number][] = [
  ["이", 1],
  ["이아무개", 2],
  ["김아무개", 3],
  ["박아무개", 4],
  [5, "최아무개"], //문자, 숫자 순서가 아니여서 에러.
];
profile
✨🌏확장해 나가는 프론트엔드 개발자입니다✏️

0개의 댓글