본문 바로가기

전체 글53

ES6. Template(`) 백틱 tagged template literals 템플릿 리터럴 ` 백틱을 이용해 표현식을 넣을 수 있다. muilti-line string 표현이 쉬움 \n을 사용하지 않아도 엔터로 개행이 인식됨 따옴표와 이중 따옴표를 문자열로 표현하기 쉬움 문자열과 변수를 함께 쓰기 쉬움 json과 같은 문자열을 dom과 함께 섞어 쓸 때 편함 형태 `${표현식}` 문자열과 변수를 같이 사용할 때 편리 const hello = 'hello'; //es6 이전 console.log(hello + ' world'); //es6 이후 console.log(`${hello} world`); var str = "'hello js'" + ' "안녕 자바스크립트!"'; let str2 = `'hello js' "안녕 자바스크립트!"`; console.log(str);//'hel.. 2021. 1. 16.
ES6. map Array.prototype.map() const arr = [1, 2, 3, 4]; const maparr = arr.map(x => x + 10); console.log(maparr);//11, 12, 13, 14 기존 배열을 복사해 새로운 배열을 만들 때 사용 제곱근 만들기 const numbers = [4, 9, 16, 25]; const result = numbers.map(Math.sqrt); console.log(resulr); //2,3,4,5 var anims = [ { id: 1, title: "귀멸의 칼날" }, { id: 2, title: "주술회전" }, { id: 3, title: "강철의 연금술사" }, { id: 4, title: "하이큐" } ]; var titles = a.. 2021. 1. 11.
ES6. WeakSet() 구문 new WeakSet(); 참조를 가지고 있는 객체만 저장 가능 let arr = [1, 2, 3, 4]; let ws = new WeakSet(); ws.add(arr); ws.add(1);//TypeError : Invalid value~.. ws.add('1');//TypeError : Invalid value~.. ws.add(null);//TypeError : Invalid value~.. ws.add(undefined);//TypeError : Invalid value~.. ws.add(function () { }); console.log(ws); 2021. 1. 9.
ES6. new Set() 선언 방법 let mySet = new Set(); new 키워드를 통해 인스턴스를 만듦 Set 데이터 추가하기 let mySet = new Set(); let arr = []; arr.push(1); arr.push(2); arr.push(2); console.log(arr);//[1, 2, 2] mySet.add(1); mySet.add(2); mySet.add(2); console.log(mySet);//{1, 2} Set()을 사용하면 중복 없이 유일한 값을 저장할 수 있다. 데이터 유무 체크하기 //Set 사용 안 하고 값이 있는지 없는지 체크할 때 let arr = [1, 2, 3]; var isTrue = false; arr.forEach(num => { if (num == 5) isTrue.. 2021. 1. 8.
ES6 Destructuring 구조 분해 할당 배열이나 객체의 속성을 분해해 그 값을 변수에 담을 수 있게 하는 표현식 기본 형태 let users = ['Nami', 'Nunu', 'Lux']; let [user1, user2, user3] = users; console.log(user1);//Nami console.log(user2);//Nunu console.log(user3);//Lux /* let user1 = users[0]; let user2 = users[1]; let user3 = users[2]; */ 문자열 자른 후 변수에 담기 let str = 'Nami-Nunu-Lux'; let [user1, user2, user3] = str.split('-'); console.log(user1);//Nami console.log(user2.. 2021. 1. 7.
object type 객체란? 객체(object) 하나의 데이터 형태이지만 여러 개의 데이터를 표현할 수 있는 자료형이다. {} 형태는 중괄호로 데이터를 담을 수 있다. 객체 생성하는 두 가지 방법 const obj = {};//중괄호로 생성 const obj2 = new Object();//클래스 템플릿 이용해 생성 중괄호만 쓰게 되면 할당된 데이터는 비어있는 객체 데이터를 가지고 있다. object literal : 중괄호로 생성된 객체 object constructor : 클래스 템플릿을 이용한 객체 객체의 구성 const obj = {key:value}; key: 키 value: 값 두 개를 묶어서 속성(property)라고 한다. //사람 이름, 나이 let person = ['kim', 22]; console.log(per.. 2021. 1. 6.

티스토리툴바