스프레드 연산자, 배열, 튜플

스프레드 연산자와 함께 쓰는 경우 

function addNum(...numbers: number[]): number {
  return numbers.reduce((a, b) => a + b);
}

console.log(addNum(1, 2));
console.log(addNum(1, 2, 3));
console.log(addNum(1, 2, 3, 4));

<출력>

3

6

10

 

 

배열과 튜플

nst fruits: string[] = ["사과", "바나나"];
const numbers: Array<number> = [1, 2, 3, 4, 5];
const cloths: [string, number] = ['청바지', 2];
console.log(cloths[0]); //청바지

 

튜플 사용하는 것은 권장하지 않는다.

const cloths: any[] = ["청바지", 2, false];
console.log(cloths[0]); //청바지
console.log(cloths[1]); //2
console.log(cloths[2]); //false

const cloths: (number | boolean | string)[] = ["청바지", 2, false];
console.log(cloths[0]); //청바지
console.log(cloths[1]); //2
console.log(cloths[2]); //false

 

인덱스 접근 방식은 가독성이 떨어진다.

 

튜플보다는 interface나, type alias, class 로 대체해서 사용할 것!