[JavaScript30] Day4: Array Cardio Day 1

2023. 12. 4. 17:15언어(Language)/Javascript

Day4는 강사님이 주석 처리 해주신 코드의 설명대로 코드를 짜는 수업이었다.

이 주석들은 많이 쓰이는 배열의 메소드들을 활용하기 위한 것들이다.

 

배운 것

1. console.table()

나는 결과를 출력할 때에 console.log만 사용했었는데, 이번에 console.table에 대해 처음 알게 되었다. 

 

const oldest = inventors.sort(function (a, b) {
        const lastInventor = a.passed - a.year;
        const nextInventor = b.passed - b.year;
        return lastInventor > nextInventor ? -1 : 1;
});

console.log('oldest', oldest);

console.table(oldest);

 

 

같은 코드에여도 console.log()로 출력을 할 경우, 윗부분처럼 배열 형식으로 출력이 되지만 console.table()을 사용할 경우 밑부분처럼 table 형식으로 출력이 된다. console.table()을 사용하여 좀 더 보기 편하게 출력을 할 수 있다는 것을 알게 되었다.

 

2. 그 이외의 메소드

  • Array.prototype.filter()
  • Array.prototype.map()
  • Array.prototype.sort()
  • Array.prototype.reduce()

공식 문서를 통해 메소드들의 사용법을 읽어보며 공부를 하였다.

 

느낀 점

평소 위의 4가지 메소드는 자주 마주치지만 스스로 코드를 작성하려고 하면 어려움을 느끼는 메소드들이었는데, 이번 수업을 통해 배열의 메소드들을 많이 연습할 수 있는 시간이었다.