HYEJIN's

Template 처리 ES6에서 문자열 처리를 보다 간편하게 할 수 있는 템플릿을 제공한다. Template literal을 사용하여 거추장스러운 '+' 이나 '\n'을 더이상 사용하지 않아도 된다. ${ } 안에는 변수 또는 연산식 등의 표현식이 들어갈 수 있다. let name = "HYEJIN"; // 1 왼쪽에 있는 ` let grettingTemplate = ` Hi, ${name}! Have a nice day! `; console.log(grettingTemplate); // 결과 // Hi, HYEJIN! // Have a nice day! Tagged Template literals 간단한 기본 예제 let name = "HYEJIN"; let num = "010-1234-1234"; c..

Map & WeakMap 추가정보를 담은 객체저장하기 Array를 개선한 자료구조 : Set, WeakSet Object를 개선한 자료구조 : Map, WeakMap Map : key, value 구조이다. let wm = new WeakMap(); let myfun = function(){}; // 이 함수가 얼마나 실행됐지? 를 알려고 할때. wm.set(myfun, 0); console.log(wm); // WeakMap {ƒ => 0} let count = 0; for(let i=0; i 10} myfun = null; console.log(wm.get(myfun)); // undefined console.log(wm.has(myfun)); // false WeakMap 클래스 인스턴스 변수 보호..

Set으로 유니크한 배열 만들기 set : 중복 없이 유일한 값을 저장하려고 할때 사용한다. 이미 존재하는지 체크할 때 유용하다. let mySet = new Set(); // console.log(toString.call(mySet)); mySet.add("중복"); mySet.add("hyejin"); mySet.add("중복"); mySet.add("abcd"); mySet.add("중복"); console.log(mySet.has('중복')); // true mySet.forEach(function(v){ console.log(v) // 중복, hyejin, abcd }); mySet.delete('중복'); mySet.forEach(function(v){ console.log(v) // hyej..

Destructuring Array 배열 및 객체에서 원하는 정보만을 뽑아내는 새로운 방법이다. 이 방법을 쓰면 index 번호를 굳이 지정하지 않아도 된다. const data = [1, 2, 3, 4]; const [d1, d2, d3] = data; // 할당 연산자 왼쪽에 배열 형태의 변수 리스트가 필요하다. console.log(d1, d2, d3); // 1 2 3 [선언할변수명, …] 처럼 배열 인덱스 대신 배열 인덱스에 해당하는 위치에 변수명을 넣어서 사용 왼쪽의 변수 리스트와 오른쪽의 배열은 배열의 인덱스를 기준으로 할당된다. const today = new Date(); const formattedDate = today.toISOString().substring(0, 10); const..