[01.13] Array와 Tuple + 오늘의 포스팅💖

2025.01.13 - [웹 개발 공부하기] - [01.13] 객체 리터럴

2025.01.13 - [웹 개발 공부하기] - [01.13] 유니온, 타입별칭, 타입가드

💥 배열(Array)

let numbers : number[] = [1, 2, 3, 4, 5];

let fruits : string[] = ['apple', 'lemon', 'grape'];

for(let i = 0; i < numbers.length; i++){
    console.log(numbers[i]);
}

for(let i = 0; i < fruits.length; i++){
    console.log(fruits[i]);
}

자바스크립트와 많이 다르지 않게 사용이 가능하다.

결과값도 오류없이 잘 나오는 걸 볼 수 있다.

💥 Array 유니온 타입 사용방법

let mixedArray : (number | string)[] = [1, 'two', 3, 'four'];

for(let i = 0; i < mixedArray.length; i++){
    console.log(mixedArray[i]);
}

일반 Array 사용법과 크게 다르지않게 유니온 타입 기호인 | 을 사용하여 타입을 쓸 수 있다.

유니온 타입으로 사용했기 때문에 타입이 달라도 결과값은 잘 나오는 걸 볼 수 있다.

💥 튜플(Tuple)

let greeting : [number, string, boolean] = [1, 'hello', true];

for(let i = 0; i < greeting.length; i++){
    console.log(greeting[i]);
}

위의 일반 Array와는 다르게 타입의 순서를 지정해줄 수 있다.

지정한대로 number, string, boolean 순서대로 사용해야한다.

오류없이 결과도 잘 나오는 걸 볼 수 있다.

이렇게 지정한 순서대로 사용하지 않으면 오류가 난다.

💥 Array와 Tuple의 차이점

 - Array는 길이가 가변적이고 동일한 타입의 요소로 구성되어있다.

 - Tuple은 길이가 고정적이고 각 요소의 타입이 정해져 있다.

💥 Spread 연산자

 - 두 개 이상의 배열을 병합이나 복사할 때 자주 사용하는 연산자이다.

 - 연산자는 ... 을 사용한다.

let firstArray = [1, 2, 3];
let secondArray = [4, 5, 6];

let combineArray = [...firstArray, ...secondArray];

for(let i = 0; i < combineArray.length; i++){
    console.log(combineArray[i]);
}

이렇게 배열로된 firstArray와 secondArray를 병합하여 combineArray에 넣어줄 수 있다.