[TypeScript] Arrays Introduction

안녕하세요 동기 여러분! 오늘은 타입스크립트가 없는 자바스크립트의 환경에서 배열의 불편한 점을 알아보고 다음시간부터 또 타입스크립트가 얼마나 편리하고 대단한 친구인지 알아봅시다!

 

Arrays Introduction

아래에 배열을 보도록 합시다.

let LoLChampsList = ['렉사이', '리신', 503981, '엘리스', '니달리', '신 짜오', 557813, '샤코', '탈론', 224873, '카서스'];

LolChampsList라는 배열의 값들을 보면 중간 중간에 타입 숫자로 이루어진 값들을 찾아낼 수 있습니다.

 

---

 

오류 찾아내기

자바스크립트에서는 숫자로 이루어진 값들을 찾아내어 에러를 띄우려면 어떻게 해야 할까요?

함수, for문, if를 이용해 에러 문구를 띄울 수 있습니다.

 

함수 만들기

function checkChamsList(){}

• 오류를 찾아내 줄 함수 checkChamsList를 만듭니다.

 

for문 만들기

function checkChamsList(){
  for(let i=0; i < checkChamsList.length; i++){}
}

• 배열의 값 하나하나를 확인하기 위해 i를 for문으로 반복하게 만들어 그것으로 LoLChampsList의 인덱스로 만들어 줄 겁니다. -> LoLChampsList[i]

 

if문 만들기

function checkChamsList(){
  for(let i=0; i < checkChamsList.length; i++){
    if(typeof LoLChampsList[i] != 'string'){
      console.log(`타입 에러! : ${LoLChampsList[i]}는(은) 문자가 아닙니다!`);
  }
}

• if문으로 LoLChampsList[i]의 타입 값이 string이 아닐 경우 에러 문구를 출력합니다.

 

잘 작동하는지 실행해보겠습니다.

 

와... 코드가 길고 시간도 꽤 걸립니다. 

 

하지만 타입스크립트에서는 간단하게 해결할 수 있다는 거!

다음 시간부터 알아봅시다~

 

---

 

오늘의 느낌

모니터에 집중하다보면 목이 자동으로 거북목이 되는데 의식적으로 정자세로 앉으려고해도 무의식적으로 거북목으로 돌아가네요... 자세 조심합시다 ㅠㅠ