본문 바로가기

javascript/📖 study39

[7주차 스터디]37장-Set 과 Map Set과 Map Set Set객체는 중복되지 않는 유일한 값들의 집합이다. Set객체는 배열과 유사하지만 다음과 같은 차이가 있다. 구분 배열 Set객체 동일한 값을 중복하여 포함 할 수 있다 O X 요소 순서에 의미가 있다. O X 인덱스로 요소에 접근할 수 있다. O X Set은 수학적 집합을 구현하기 위한 자료구조 입니다, 교집합, 합집합, 차집합, 여집합 등을 구현할 수 있다. Set 객체의 생성 Set 생성자 함수에 인수를 전달하지 않으면 빈 Set 객체가 생성 됩니다. Set 생성자 함수는 이터러블을 인수로 전달받아 Set 객체를 생성한다. (이때, 중복된 값은 Set 객체에 요소로 저장되지 않는다.) Set 객체의 특성을 활용해서 배열의 중복된 요소를 제거할 수 있습니다. const set=.. 2022. 3. 27.

[7주차 스터디]35장-디스트럭처링 할당 디스트럭처링 할당 디스트럭처링 할당(구조 분해 할당, destructuring assignment)은 구조화된 배열과 같은 이터러블 또는 개체를 destructuring하여 1개 이상의 변수에 개별적으로 할당하는 것을 말한다. 배열과 같은 이터러블 도는 객체 리터럴에서 필요한 값만 추출하여 변수에 할당할 때 유용 배열 디스트럭처링 할당 배열의 각 요소를 배열로부터 추출하여 1개 이상의 변수에 할당 디스트럭 처링 할당의 대상(할당문의 우변)은 이터러블이어야 한다. const arr = [1,2,3]; const [one, two, three] = arr; console.log(one, two, three); // 1 2 3 할당의 기준은 인덱스이다. 즉, 순서대로 할당되고 변수의 개수와 일치할 필요는 없다.. 2022. 3. 27.

[7주차 스터디]35장-스프레드 문법 스프레드 문법 es6에서 도입된 스프레드 문법 (spread syntax)은 하나로 뭉쳐 있는 여러 값들의 집합을 펼쳐서 개별적인 값들의 목록으로 만든다. 스프레드 문법 사용의 대상은 for ... of 문으로 순회할 수 있는 이터러블에 한정된다. console.log(...[1,2,3]); // 1 2 3 // 이터러블이 아닌 일반 객체는 스프레드 문법의 대상이 될 수 없다. console.log(...{a : 1, b : 2}); // TypeError : Found non-callable @@iterator 스프레드 문법의 결과는 값이 아닙니다. (즉, ... 문법은 새로운 값을 생성하는 연산자가 아닙니다.) 따라서 스프레드 문법의 결과는 변수에 할당할 수없다. 정리 : 스프레드 문법의 결과물은 값.. 2022. 3. 27.

[7주차 스터디]34장-이터러블 이터러블 이터레이션 프로토콜 이터레이션 프로토콜은 순회 가능한 데이터 컬렉션을 만들기 위해 ECMAScript 사양에 정의하여 미리 약속한 규칙이다. es6이전의 순회 가능한 데이터 컬렉션(배열, 문자열 등등..)은 통일된 규약 없이 각자 나름의 구조를 가지고 있음 es6에서는 순회 가능한 데이터 컬렉션을 이터레이션 프로토콜을 준수하는 이터러블로 통일 이터레이션 프로토콜에는 이터러블 프로토콜과 이터레이터 프로토콜이 있다. 이터러블 프로토콜(iterable protocol) Well-known Symbol인 Symbol.iterator를 프로퍼티 키로 사용한 메서드를 직접 구현하거나 상속 받아 Symbol.iterator 메서드를 호출하면 이터레이터 프로토콜을 준수한 이터레이터를 반환하는 규약을 이터러블 .. 2022. 3. 27.

[7주차 스터디]33장-Symbol 7번째 데이터 타입 Symbol 심벌이란? 자바스크립트에는 6개의 데이터 타입이 있습니다. 문자열 숫자 불리언 undefined null 객체 타입 심벌(symbol)은 ES6에서 도입된 7번째 데이터 타입으로 변경 불가능한 원시타입의 값 다른 값과 중복되지 않는 유일 무이한 값으로 이름 충돌 위험이 없는 유일한 프로퍼티 키를 만들기 위해 사용한다. 프로퍼티 키로 사용할 수 있는 값은 빈 문자열을 포함하는 모든 문자열 또는 심벌 값이다. 심벌 값의 생성 Symbol 함수 Symbol값은 다른 원시값과 다르게 리터럴 표기법이 없고 Symbol 함수를 통해 생성합니다 이때 생성된 심벌값은 외부로 노출되지 않고, 다른 값과 절대 중복되지 않는 유일무이한 값 // 함수 호출을 통해 생성 const mySymbo.. 2022. 3. 27.

[5주차 스터디]26장-ES6 함수 추가 기능 ES6 함수의 추가 기능 함수의 구분 es6 이전의 함수는 사용 목적에 따라 명확 하게 구분 되지 않음 일반 함수로서 호출 가능 new연산자와 함께 호출하여 생성자 함수로 호출 가능 객체에 바인딩 되어 메서드로서 호출 가능 즉, es6이전의 모든 함수는 일반 함수, 생성자 함수 둘다 호출 가능 es6이전의 모든 함수는 callable 이면서 constructor 이다 실수를 유발할 수 있으며 성능 면에서도 손해 이러한 문제를 해결하기 위해 es6에서는 함수를 사용 목적에 따라 세 가지 종류로 명확히 구분 ES6 함수의 구분 constructor prototype super arguments 일반 함수(Normal, ES6 이전 함수) O O X O 메서드(Method) X X O O 화살표(Arrow) .. 2022. 3. 27.

이전 1 2 3 4 5 6 7 다음

티스토리툴바