무료 Typescript 강의실 과정

이전 수업에서는 개발 환경을 설정하고 Typescript의 기본 유형에 대해 알아봤습니다.

오늘 수업에서는 Typescript에서 객체와 배열을 사용하는 방법을 배워보겠습니다.

---

소개

이번 수업에서는 Typescript의 객체와 배열에 대해 알아봅니다. Typescript를 사용하여 프로젝트에서 객체와 배열을 생성할 수 있는 다양한 방법을 살펴보겠습니다.

리터럴 객체

객체를 생성하는 가장 간단한 방법 중 하나는 객체 리터럴을 사용하는 것입니다. 이 접근 방식은 나중에 새 속성을 추가할 수 없으므로 개체 속성에 대한 사전 지식이 이미 있는 경우 특히 유용합니다.

const objeto = {
  chaveA: 'value',
  chaveB: 'value',
};

objeto.chaveC = 'value';

인덱스 서명

동적 개체를 만드는 한 가지 방법은 인덱스 서명을 사용하는 것입니다. 이 접근 방식은 객체의 속성이 무엇인지 미리 알 수 없을 때 특히 유용합니다.

const objeto: { [key: string]: string } = {
  chaveA: 'value A',
  chaveB: 'value B',
};

objeto.chaveC = 'value C';

console.log(objeto);

기록

Typescript에서 동적 객체를 생성할 수 있는 또 다른 방법은 Record를 사용하는 것입니다. Record는 Typescript 도구 상자의 유틸리티 유형 중 하나입니다. 나중에 유틸리티 유형에 대해 자세히 살펴보겠습니다. 지금 알아야 할 것은 Record를 사용할 때 <>.
사이에 키 유형과 개체 값을 지정해야 한다는 것입니다.

const objeto: Record<string, string> = {
  chaveA: 'value A',
  chaveB: 'value B',
};

배열 리터럴

배열을 만드는 가장 간단한 방법은 대괄호로 묶인 쉼표로 구분된 요소 목록인 리터럴 배열을 사용하는 것입니다.

const arrayDeNumeros: number[] = [1, 2, 3];
const arrayDeString: string[] = ['Josh', 'Patrick', 'Lamar'];
const arrayDeStringENumeros: (string | number)[] = [1, 'Alice', 55];

console.log(arrayDeString);
console.log(arrayDeNumeros);
console.log(arrayDeStringENumeros);

배열 생성자

Array 생성자를 사용하여 새 배열을 만들 수도 있습니다.

const arrayDeNumeros: Array<number> = [1, 2, 3];
const arrayDeString: Array<string> = ['Josh', 'Patrick', 'Lamar'];
const arrayDeStringENumeros: Array<string | number> = [1, 'Alice', 55];

console.log(arrayDeString);
console.log(arrayDeNumeros);
console.log(arrayDeStringENumeros);

---

아래 링크에 접속하시면 수업 코드에 접근하실 수 있습니다:
https://github.com/d3vlopes/curso-typescript/tree/aula-002

다음 수업

다음 수업에서는 Typescript의 기능을 살펴보겠습니다. 매개변수 유형, 반환 유형 등을 정의하는 방법을 알아보세요!

댓글을 남기고 이 게시물을 네트워크와 공유하여 더 많은 사람들이 Typescript를 배울 수 있도록 지원하세요.

위 내용은 무료 Typescript 강의실 과정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!