TypeScript 배열 및 튜플 작업

TypeScript는 JavaScript를 추가 유형 기능으로 확장하여 배열 및 튜플과 같은 복잡한 데이터 구조로 작업하기 쉽게 만듭니다. 이 가이드에서는 TypeScript의 배열과 튜플을 소개하고, 이를 효과적으로 정의, 조작 및 사용하는 방법을 설명합니다.

TypeScript 배열

TypeScript의 배열은 JavaScript의 배열과 비슷하지만 유형 주석이라는 추가 이점이 있습니다. 이를 통해 배열의 모든 요소가 특정 유형을 준수하도록 할 수 있습니다.

배열 정의

TypeScript에서 배열을 정의하려면 요소의 유형을 지정한 다음 []을 붙입니다.

let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];

이 예에서 numbers은 number의 배열이고 names은 string의 배열입니다.

배열 방법

TypeScript 배열은 JavaScript 배열과 유사한 다양한 메서드를 지원합니다. 다음은 몇 가지 일반적인 메서드입니다.

• push(): 배열의 끝에 요소를 추가합니다.
• pop(): 배열의 마지막 요소를 제거합니다.
• shift(): 배열의 첫 번째 요소를 제거합니다.
• unshift(): 배열의 시작부분에 요소를 추가합니다.
• map(): 각 요소에 함수를 적용하여 새로운 배열을 생성합니다.

배열 예제

let numbers: number[] = [1, 2, 3, 4, 5];
numbers.push(6); // [1, 2, 3, 4, 5, 6]
let doubled = numbers.map(n => n * 2); // [2, 4, 6, 8, 10, 12]

TypeScript 튜플

튜플은 TypeScript의 특별한 유형의 배열로, 각 요소가 다른 유형을 가질 수 있습니다. 튜플은 다양한 유형의 고정된 수의 요소로 작업해야 할 때 유용합니다.

튜플 정의하기

튜플을 정의하려면 각 요소에 지정된 유형과 함께 대괄호 []을 사용합니다.

let person: [string, number] = ["Alice", 30];

이 예에서 person은 첫 번째 요소가 string이고 두 번째 요소가 number인 튜플입니다.

튜플 요소에 접근하기

배열과 유사하게 인덱스를 사용하여 튜플 요소에 액세스합니다.

let person: [string, number] = ["Alice", 30];
let name = person[0]; // "Alice"
let age = person[1]; // 30

선택적 요소가 있는 튜플

튜플에는 선택적 요소도 포함될 수 있습니다.

let person: [string, number?] = ["Alice"];
let personWithAge: [string, number?] = ["Bob", 30];

이 예에서 튜플의 두 번째 요소는 선택 사항입니다.

결론

TypeScript 배열과 튜플은 강력한 유형 안전성을 갖춘 데이터 컬렉션을 처리하는 강력한 방법을 제공합니다. 배열과 튜플을 정의, 조작 및 사용하는 방법을 이해하면 보다 견고하고 유지 관리하기 쉬운 코드를 작성할 수 있습니다. 동질 데이터 목록에는 배열을 사용하고 이기종 데이터가 있는 고정 크기 컬렉션에는 튜플을 사용합니다.