본 실습 코드는 functions and methods 의 실습 코드와 이어집니다.

자바스크립트에서 배열은 Array 클래스의 인스턴스이며 생성자를 통해 선언할 수 있다.

타입스크립트에서 타입[] 과 같은 형태로 단축 구문을 통해 배열을 선언할 수 있다.

자바스크립트에서 배열은 객체이며, Array 클래스에는 배열을 사용하는데 필요한 여러 가지 메서드를 제공한다.

• index.ts

  import Person, {makePerson} from "./person";
  
  const person = makePerson('Dongvelop', 24);
  person.printInfo();
  
  **const numbers: number[] = [1, 2, 3];
  const people: Person[] = [
      makePerson('test', 24, true),
      makePerson('test2', 29)
  ];
  
  console.log(Array.isArray(people));**
  

• 실행 결과

  

반복문

• ESNext 자바스크립트와 타입스크립트는 for문을 좀 더 쉽게 사용하도록 for ... in 문을 제공한다.

  • for ... in 문은 객체를 대상으로 하며, 배열을 사용할 시 각 인덱스에 접근할 수 있다.
  • for ... in 문을 배열이 아닌 객체를 대상으로 할 때는 속성을 대상으로 순회한다.

• index.ts

  import Person, {makePerson} from "./person";
  
  const person = makePerson('Dongvelop', 24);
  person.printInfo();
  
  const numbers: number[] = [1, 2, 3];
  const people: Person[] = [
      makePerson('test', 24, true),
      makePerson('test2', 29)
  ];
  
  console.log(Array.isArray(people));
  
  **for (const index in numbers) {
      console.log(`[${index}]: ${numbers[index]}`);
  }
  
  for (const property in person) {
      console.log(`property: ${property}`);
      console.log(`-> ${person[property]}`);
  }**
  

• 실행 결과

  

• for ... in 문과는 사용법이 다른 for ... of 문도 제공된다.

  • for ... of 문은 배열의 아이템 값을 대상으로 순회한다.

• index.ts

  import Person, {makePerson} from "./person";
  
  ...
  
  **for (const person of people) {
      person.printInfo();
  }**
  

• 실행 결과

  

타입 수정자