TypeScript의 객체 배열에서 객체 유형을 얻는 방법은 무엇입니까?

Originally posted here!

먼저 객체 배열에서 객체 유형을 가져오려면 typeof 유형 연산자를 사용하고 그 뒤에 배열 변수 이름 또는 배열 리터럴을 사용하고 대괄호 기호( [] )를 작성하고 대괄호 안에 number 유형을 작성할 수 있습니다. 배열 요소의 유형을 가져옵니다.

TL;DR

// an array of objects
const arrOfObjs = [
  {
    name: "Lily Roy",
    isAdmin: true,
    age: 29,
  },
  {
    name: "John Doe",
    isAdmin: false,
    age: 23,
  },
  {
    name: "Roy Daniels",
    isAdmin: true,
    age: 25,
  },
];

// get the type of the object inside
// the array `arrOfObjs`
type ArrObj = typeof arrOfObjs[number];

/*
👆 If you hover over the `ArrObj` type you will see this,

type ArrObj = {
    name: string;
    isAdmin: boolean;
    age: number;
}
*/

예를 들어 다음과 같은 객체 배열이 있다고 가정해 보겠습니다.

// an array of objects
const arrOfObjs = [
  {
    name: "Lily Roy",
    isAdmin: true,
    age: 29,
  },
  {
    name: "John Doe",
    isAdmin: false,
    age: 23,
  },
  {
    name: "Roy Daniels",
    isAdmin: true,
    age: 25,
  },
];

이제 위의 객체 배열에서 객체의 유형을 먼저 가져오기 위해 typeof 유형 연산자를 사용하고 이 경우 배열 변수 이름 arrOfObjs 다음에 대괄호 기호( [] )를 작성하고 대괄호 안에 배열의 개체 요소 유형을 가져오기 위해 유형 number을 쓸 수 있습니다.

이런식으로 할 수 있는데,

// an array of objects
const arrOfObjs = [
  {
    name: "Lily Roy",
    isAdmin: true,
    age: 29,
  },
  {
    name: "John Doe",
    isAdmin: false,
    age: 23,
  },
  {
    name: "Roy Daniels",
    isAdmin: true,
    age: 25,
  },
];

// get the type of the object inside
// the array `arrOfObjs`
type ArrObj = typeof arrOfObjs[number];

/*
👆 If you hover over the `ArrObj` type you will see this,

type ArrObj = {
    name: string;
    isAdmin: boolean;
    age: number;
}
*/

이제 ArrObj 유형 위로 마우스를 가져가면 이것이 name , isAdmin 및 age과 같은 속성으로 구성된 유형임을 알 수 있습니다.

TypeScript의 객체 배열에서 객체 유형을 성공적으로 얻었습니다. 야 🥳!

codesandbox 에 있는 위의 코드를 참조하세요.

그게 다야 😃!

😃 유용하셨다면 공유해 주세요.