JudithHopps JudithHopps

I. Object 클래스 👉 MDN 문서 보기 이제까지 배운 자바스크립트 객체들의 원형 console.log( new String('ABC') instanceof Object, new Number(123) instanceof Object, [] instanceof Object, (function () {}) instanceof Object, globalThis instanceof Object ); 각각 따로 출력해서 [[Prototype]]을 펼쳐 볼 것 생성자 함수 // 빈 객체 생성 console.log( new Object(), new Object(null), new Object(undefined), ); // 각 값에 적합한 래핑함수로 작용 console.log( new Object(1), new..

I. 스프레드 spread 1. 기본 문법 const arr1 = [1, 2, 3]; const arr2 = [...arr1]; ​ console.log(arr2); const arr1 = ['B', 'C']; const arr2 = ['D']; const arr3 = ['E']; ​ const arr4 = ['A', ...arr1, ...arr2, ...arr3, 'F'] ​ console.log(arr4); 2. 활용 a. 배열을 다수의 인자들로 펼침 const arr1 = [1, 2, 3, 4, 5]; ​ console.log(arr1); // console.log(1, 2, 3, 4, 5); console.log(...arr1); console.log( Math.max(...arr1), Math...

배열의 고차함수 higher order function 메서드 다른 함수(콜백 함수 callback function)를 인자로 받음 함수형 프로그래밍 - 변수 사용 없이 순회 작업들을 코딩 1. forEach - 각 요소를 인자로 콜백함수 실행 💡 for문의 좋은 대체제 ⚠️ 단점 : 예외를 던지지 않으면 종료할 수 없음 - break, continue 사용 불가 인자들: 콜백함수 - 인자: ( 현재 값, 현재 값의 인덱스, 해당 배열 ) thisArg - this 주제 섹션에서 다룰 것 const arr = [1, 2, 3, 4, 5]; ​ const result = arr.forEach(itm => { console.log(itm); }); // 💡 결과로는 undefined 반환 - 실행 자체를 위..

I. 자바스크립트의 배열은 다르다. 다른 언어들의 배열 전형적인 배열 한 배열에는 같은 자료형의 데이터만 포함 가능 데이터의 메모리 주소가 연속으로 나열됨 접근은 빠름, 중간요소의 추가나 제거는 느림 자바스크립트의 배열 ⭐️ 배열의 형태와 동작을 흉내내는 특수 객체 한 배열에 다양한 자료형의 데이터가 들어갈 수 있음 연속나열이 아님 - 💡 엔진에 따라 요소들의 타입이 동일하면 연속 배열하기도... 접근은 상대적으로 느림 (일반 객체보다는 빠름), 중간요소의 추가나 제거는 빠름 💡 특정 자료형 전용 배열도 있음 - 더 빠름 🔗 MDN 문서 보기 II. 배열 생성 방법들 1. 배열 리터럴 const arr1 = []; // 빈 배열 const arr2 = [1, 2, 3]; const arr3 = [1, ,..

날짜와 시간 관련 기능들을 제공하는 빌트인 객체 👉 MDN 문서 보기 I. 생성자 함수 1. 현재 날짜와 시간 const now = new Date(); ​ console.log(typeof now); console.log(now); const nowStr = Date() ​ console.log(typeof nowStr); console.log(nowStr); new와 함께 사용하면 인스턴스 객체 없이 사용하면 문자열 반환 - new Date().toString()과 같음 2. 밀리초 기준 1970년 1월 1일 자정(UTC, 그리니치 평균시)으로부터 인자로 주어진 밀리초만큼 경과한 시간 ⚠️ 이 강의에서의 자정은 해당 일 0시 0분 0초 의미 console.log( new Date(0) ); conso..

수학에 관련된 기능을 가진 빌트인 객체 👉 MDN 문서 보기 정적 프로터피와 메서드만 제공 Number 타입만 지원 - BigInt 사용 불가 I. 주요 정적 프로퍼티 PI - 원주율 console.log( Math.PI ); E - 자연로그의 밑 console.log( Math.E ); II. 주요 정적 메서드 1. abs - 절대값(0 이상) 반환 console.log( Math.abs(123), Math.abs(-123), ); // 0 반환 console.log( Math.abs(0), Math.abs(''), Math.abs(null), Math.abs([]), ); // NaN 반환 console.log( Math.abs('abc'), Math.abs(undefined), Math.abs({a..

I. 생성자 함수 const numObj1 = new Number(); const numObj2 = new Number(123); const numObj3 = new Number(-123.45); ​ console.log(numObj1, numObj2, numObj3); console.log( numObj1.valueOf(), numObj2.valueOf(), numObj3.valueOf() ); 인자가 없을 시 0 // 특정 숫자값으로 인식되는 것 console.log( new Number('-123.4567'), new Number('Infinity'), new Number(true), new Number(false) ); // NaN console.log( new Number('1/2'), new ..

I. 생성자 함수 const strObj1 = new String(); const strObj2 = new String('Hello World!'); ​ console.log(strObj1); console.log(strObj2); console.log(strObj1.valueOf(), strObj1.toString()); console.log(strObj2.valueOf(), strObj2.toString()); 콘솔에서 펼쳐서 프로퍼티들을 확인해 볼 것 [[PrimitiveValue]] 비교해 볼 것 valueOf 또는 toString 메서드로 문자열 원시값 반환 const fromNum = new String(123); const fromBool = new String(true); const fro..