본문 바로가기

Programming/Javascript

 (4)
객체 - 프로토타입(Prototype) 1. 프로토타입(Prototype) 1-1. 프로토타입(Prototype)이란? : 프로토타입은 원형이라는 뜻으로 객체의 프로토타입(원형)을 가지고 새로운 객체를 생성해가는 프로그래밍 방식이다. 함수 객체에는 프로토타입이라는 특수한 유형의 객체 프로퍼티(속성)가 존재한다. 이러한 prototype의 프로퍼티를 통해 생성자 함수는 인스턴스에게 프로토타입 객체에 있는 데이터 메소드를 상속한다. Prototype 객체는 new 연산자에 의해서 생성된 객체들에게 공유된 프로퍼티, 메서드 등을 제공하기 위해서 사용된다. 자바스크립트는 프로토타입 기반의 언어로 기존에는 클래스(Class)가 존재하지 않았기때문에 객체의 원형인 프로토타입을 아용하여 객체의 확장과 재사용, 상속등을 구현했다. const fruit = ..
ES6 심볼(Symbol) 타입 1. 심볼(Symbol) 타입이란? : ES6에서 새롭게 도입된 원시형 타입 중 하나로 객체의 속성으로 사용한다. - 유일한 식별자(unique identifier)를 만들고 싶을 때 사용한다. - 유일무이한 값을 갖는다. - 변경 불가능한 불변 값이다. ※원시형과 참조형 1. 원시형 : 객체가 아니면서 메서드를 가지지 않는 타입들로 원시형은 모두 하나의 정보 즉, 데이터를 담고 있다. 원시 자료형이 할당될 때에는 변수에 값(value) 자체가 담긴다 원시형 종류 - Number, String, Boolean, Undefined, Null, Symbol(ES6) 2. 참조형 : 원시형이 아닌 모든 타입들로 원시형 데이터의 집합이다. 참조 자료형이 할당될 대는 보관함의 주소(reference)가 담긴다. ..
ES6 set() 반복 1. 반복문 : 같은 명령을 반복하여 수행해야 할 경우 일정 횟수만큼 수핼할 수 있도록 제어하는 실행문이다. 1-1. for() : 고전적인 for 반복문 let arr = ['A', 'B', 'C', 'D', 'E']; for (let i = 0; i < arr.length; i++) { console.log(i);// 0: 'A', 1: 'B', 2: 'C', 3: 'D', 4: 'E' } 1-2. forEach() : 배열 순회 전용 forEach() 메서드를 사용한 반복문 - element 요소가 하나씩 입력되어 반복하여 실행 arr.forEach(function(x) { console.log(x);// 0: 'A', 1: 'B', 2: 'C', 3: 'D', 4: 'E' }); /* 화살표를 이..
Javascript - ES6 set() 자료구조 1. 데이터 자료구조 : 대량의 데이터를 효율적으로 관리할 수 있는 데이터의 구조(집합)이다. - Javascript의 자료 구조로는 배열(Array), 스택(Stack), 큐(Queue), 해시 테이블(Hash Table), 연결 리스트(Linked List), 트리(Tree), 그래프(Graph), Map, Set이 존재한다. Map과 Set은 ES6부터 추가된 자료구조이다. 1-1. Set : key가 없는 값이 저장되며 중복된 값을 허용하지 않는 특징을 제외하면 배열과 유사하다. 1-2. Set의 특징 : value들의 집합 또는 컬렉션으로 key가 존재하지 않는다. 배열은 같은 값을 가질 수 있지만 set은 같은 값을 중복해서 가질 수 없다. 중복해서 같은 값을 추가해도 처음 추가한 하나의 값만..

티스토리툴바