[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가지 메소드는 자주 마주치지만 스스로 코드를 작성하려고 하면 어려움을 느끼는 메소드들이었는데, 이번 수업을 통해 배열의 메소드들을 많이 연습할 수 있는 시간이었다.
'언어(Language) > Javascript' 카테고리의 다른 글
[JavaScript30] Day7: Array Cardio Day 2 (0) | 2023.12.06 |
---|---|
[JavaScript30] Day5: Flex Panels Image Gallery (1) | 2023.12.04 |
[JavaScript30] Day3: Playing with CSS Variables and JS (0) | 2023.12.01 |
[JavaScript30] Day2: JS and CSS Clock (0) | 2023.11.30 |
[JavaScript30] Day1: JavaScript Drum Kit (0) | 2023.11.29 |