본문 바로가기

독서 목록/모딥다 Modern JS Deep Dive

(36)

[모딥다] 37장 Set과 Map 🍧 37.1 Set Set 객체는 중복되지 않는 유일한 값들의 집합. Set 객체는 배열과 유사하지만 차이가 있다. - 동일한 값을 중복하여 포함할 수 있다. - 요소 순서에 의미가 있다. - 인덱스로 요소에 접근할 수 있다. set 은 수학적 집합을 구현하기 위한 자료구조다. set 을 통해 교집합, 합집합, 차집합, 여집합 등을 구현할 수 있다. 37.1.1 Set 객체의 생성 const set = new Set(); Set 생성자 함수로 생성. 인수를 전달하지 않으면 빈 Set 객체가 생성됨. Set 생성자 함수는 이터러블을 인수로 전달받아 Set 객체를 생성한다. 이때 이터러블의 중복된 값은 Set 객체에 요소로 저장되지 않음. const set1 = new Set([1, 2, 3, 4, 5, 5..

[모딥다] 36장 디스트럭처링 할당 디스트럭처링 할당 (구조 분해 할당) 구조화된 배열과 같은 이터러블 또는 객체를 Destructuring = 비구조화, 구조 파괴 하여 1개 이상의 변수에 개별적으로 할당하는 것을 말한다. 🐲 36.1 배열 디스트럭처링 할당 배열 디스트럭처링 할당의 대상(할당문의 우변)은 이터러블이여야 하며, 할당 기준은 배열의 인덱스다. 즉, 순서대로 할당된다. const arr = [1, 2, 3]; const [one, two, tree] = arr; console.log(one, two, three); // 1, 2, 3 const [x, y] = [1, 2]; 우변에 이터러블 할당을 하지 않으면 오류남. 요소 개수가 반드시 일치할 필요는 없다. const [a, b] = [1]; console.log(a, b)..

[모딥다] 35장 스프레드 문법 ...을 이용해 뭉쳐 있는 값들의 집합을 펼쳐서 개별적인 값들의 목록으로 만든다. 📌 스프레드 문법의 결과는 값이 아니다. 따라서 스프레드 문법의 결과는 변수에 할당할 수 없다. 🩻 35.1 함수 호출문의 인수 목록에서 사용하는 경우 Math.max() Math.max(...[1, 2, 4, 5]) 이런 식으로 사용 가능. - 개수를 확정할 수 없는 가변 인자 함수 📌Rest 파라미터와 헷갈리지 말 것! Rest 파라미터 : 함수에 전달된 인수들의 목록을 배열로 전달받기 위함. 스프레드 문법 : 여러개의 값이 하나로 뭉쳐있는 배열과 같은 이터러블을 펼쳐서 개별적인 값들의 목록을 만드는 것. => 서로 반대의 개념 //Rest 문법 예시 function foo(...rest) { console.log(Ar..

[모딥다] 34장 이터러블 🐻 34.1 이터레이션 프로토콜 iteration: 반복, 순회 protocol: 약속, 규격 => 이터레이션 프로토콜을 따른다는 것은 순회가 가능하다 라고도 말할 수 있다. => 이터레이션 프로토콜을 따르는 객체는 for...of 나 spread 연산자를 사용할 수 있다. 어떤 객체든지 순회가 가능한 객체가 되기 위해서는 iterable 프로토콜을 따라야한다. [Symbol.iterator](): Iterator 프로토콜 -> 이 함수를 만들면? 순회가 가능한 오브젝트가 된다. -> 그리고 이 함수 안에서 Iterator 프로토콜을 따르는, 즉 순회하는 반복자를 리턴하는 객체를 만들면 된다. 📌 이터레이션 프로토콜 순회 가능한 데이터 컬렉션을 만들기 위해 ECMAScript 사양에 정의하여 미리 약속한..

[모딥다] 32장 String 🍏 32.1 String 생성자 함수 String 래퍼 객체는 배열과 마찬가지로 length 프로퍼티와 인덱스를 나타내는 숫자형식의 문자열을 프로퍼티 키로, 각 문자열을 프로퍼티 값으로 갖는 유사 배열 객체이다. 문자열은 원시값이므로 변경할 수 없다. 변경하려해도 오류가 나지 않고 변경도 안된다. new String() 언제나 새로운 문자열을 반환한다. 32.3.4 String.prototype.startsWith - 대상 문자열이 인수로 전달받은 문자열로 시작하는지 확인 -> true, false 리턴 32.3.5 String.prototype.endsWith - 대상 문자열이 인수로 전달받은 문자열로 끝나는지 확인 -> true, false 리턴 32.3.7 String.prototype.substr..

[모딥다] 31장 RegExp 🍄 31.1 정규식 표현식이란? 정규식 표현식 regular expression : 일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어 - JS 의 고유 문법이 아니며, 대부분의 프로그래밍 언어에 내장돼있음. - 문자열을 대상으로 패턴 매칭 기능을 제공. ( = 특정 패턴과 일치하는 문자열을 검색, 추출, 치환할 수 있다.) - 정규식을 사용하지 않으면 반복문과 조건문을 통해 힘들게 체크해야함. 🍄 31.2 정규식 표현식의 생성 정규 표현식 객체를 생성하는 방법 1. 정규식 리터럴 - 패턴과 플래그로 구성됨. const reg = /is/i; 2. RegExp 생성자 함수 const reg = new RegExp(/is/i); 🍄 31.3 RegExp 메서드 31.3.1 RegExp.p..

[모딥다] 28장 Number 🦊 28.1 Number 생성자 함수 Number 는 생성자 함수라서 new 연산자와 함께 인스턴스를 생성할 수 있다. new Number() 문자열로 반환 (77.1234).toExponential(); //"7.71234e+1" 정수를 그냥 쓰면 안됨. (의미가 모호하기 때문. JS 는 숫자 뒤의 . 를 소수점으로 해석한다. () 를 함께 쓰는 것을 추천함. 28.3.5 Number.prototype.toFixed(원하는 소수점 자릿수) 숫자를 반올림 -> 문자열로 반환

[모딥다] 27장 배열 ⛳ 27.1 배열이란? 여러 값을 순차적으로 나열한 자료구조. 요소: 배열이 갖고 있는 값 인덱스: 요소의 순서 0부터 시작 length : 배열의 길이 JS 에 배열이한 타입은 존재하지 않음. 배열은 객체 타입임. 객체와 배열의 차이 ⛳ 27.2 자바스크립트 배열은 배열이 아니다 🏌️‍♂️ 일반적인 자료구조에서의 배열과는 의미가 다른 JS 에서의 배열 - 배열의 요소를 위한 각각의 메모리 공간은 동일한 크기를 갖지 않아도 됨. - 희소 배열 : 배열의 요소가 연속으로 이어져 있지 않음 ( 밀집 배열) - 배열의 동작을 흉내 낸 특수한 객체임. 🏌️‍♂️ 일반 배열 vs 자바스크립트 배열 장단점 정리 일반 배열 JS 배열 - 인덱스로 요소에 빠르게 접근할 수 있다. - 하지만 요소를 삽입, 삭제하는 경우..

이전 1 2 3 4 5 다음

728x90

티스토리툴바