[타입스트립트] 배열 (Array) 타입

2024. 7. 7. 13:10카테고리 없음

 

오늘은 배열(Array)타입에 대해서 알아보고자 합니다!

배열은 평소 프로그래밍 중 아주 자주쓰이는 타입중 하나인데요!
게시글 리스트를 불러오거나, 같은 구조의 어떤 특정한 데이터를 많이 불러올때 자주쓰입니다!

 

아마 배열이없다면 수많은 데이터 불러오기가 불가능할수도 있을것 같습니다

 

그럼 배열 타입을 한번 알아봅시다.

 

TypeScript의 배열 (Array)

TypeScript에서 배열(Array)은 동일한 타입의 데이터를 순차적으로 저장할 수 있는 자료구조입니다. 배열은 JavaScript의 배열과 유사하지만, TypeScript는 배열의 요소 타입을 명확하게 정의할 수 있어 타입 안전성을 제공합니다.

 

배열을 선언하는 방법

TypeScript에서 배열을 선언하는 방법은 두 가지가 있습니다:

  1. 타입 뒤에 대괄호([])를 사용하는 방법
  2. Array<type> 제네릭을 사용하는 방법

 

배열에 값을 추가하거나, 접근하는 방법

배열의 특정 인덱스에 접근하거나 값을 추가하는 것은 JavaScript와 동일합니다.

 

배열 관련 사용할 수 있는 함수들(메서드, Methods)

TypeScript는 JavaScript의 모든 배열 메서드를 지원합니다. 예를 들어, push(), pop(), shift(), unshift(), map(), filter(), reduce() 등이 있습니다.

 

 

다차원 배열

1차원 배열이아닌, 2차원, 3차원 등 다차원 배열도 사용할 수 있는데요,

다차원 배열은 배열 안에 배열이 있는 형태로, TypeScript에서도 쉽게 사용할 수 있습니다.

 

튜플 (Tuple)

TypeScript에서 배열의 한 형태로 튜플을 사용할 수 있습니다. 튜플은 고정된 길이와 정해진 타입의 요소들을 가지는 배열입니다.

 

배열과 관련된 유용한 기능

TypeScript에서는 배열의 타입을 명확히 정의함으로써 코드의 안정성과 가독성을 높일 수 있습니다. 또한, 타입 추론과 타입 체크를 통해 배열을 보다 안전하게 다룰 수 있습니다. 다양한 배열 메서드를 활용하여 복잡한 데이터를 쉽게 처리할 수 있으며, 다차원 배열과 튜플을 통해 더 복잡한 데이터 구조를 표현할 수 있습니다.

 

TypeScript의 배열 기능을 잘 활용하면 보다 안전하고 효율적인 코드를 작성할 수 있습니다.