클린코드 자바스크립트 객체 파트를 공부하며 기록한 내용들입니다.. Object Lookup Table 객체나 값을 빠르게 검색하고 접근가능. 보통 if문 혹은 switch문의 대용으로 쓰임 예시 코드// afterfunction getUserType(type) { if (type === 'ADMIN') { return '관리자'; } else if (type === 'INSTRUCTOR') { return '강사'; } else if (type === 'STUDENT') { return '수강생'; } else { return '해당 없음'; }}// beforefunction getUserType(type) { const USER_TYPE = { ADMIN: '관리자', INSTRUCTOR:..

지속적으로 업데이트 될 예정입니다.나중에 제가 보고 기억을 더듬거려 그때 공부했던 내용을 떠올릴수 있도록 간략하게 정리한 자료들입니다. 배열 확인은 Array.isArray() 사용하자arr.length 같은걸로 확인하면 '객체 또한 유사배열' 이기 때문에 프로그래밍적 에러가 날 수 있다. 예를들면, 아래 코드와 같은 참사가 일어날 수 있다.// 유사 배열 객체 예시const arrayLike = { 0: 'first', 1: 'second', 2: 'third', length: 3};// 잘못된 배열 체크 방식function incorrectArrayCheck(arr) { // length 속성으로 배열 확인 - 이는 위험! if (arr.length > 0) { ..

forEach와 map은 비슷해 보이지만, 그 용도와 반환값에서 큰 차이가 있다는걸 알게됬다.  map, forEachmap: 배열의 각 요소에 대해 주어진 함수를 호출하고, 그 결과를 새 배열로 반환한다. 원본 배열의 길이와 같은 길이의 새 배열이 생성되고, 주로 반환 작업에 사용된다.원본 배열을 그대로두고 새로운 배열을 만든다. forEach: 배열의 각 요소에 대해 주어진 함수를 호출하지만, 결과를 반환하지 않는다! 주로 반복 작업에 사용된다.콜백으로 들어오는 매개함수를 매 요소마다 실행시켜준다. 사용 예제01. forEach주로 forEach는 사이드 이펙트를 발생시키기 위해 사용된다.예를들면 아래 코드처럼 모든 li button 요소에 대해 클릭 이벤트를 추가해야할 때 말이다. this.$key..