[ES6] 배열과 객체의 비구조화
배열과 객체의 비구조화비구조화 할당(destructuring assignment) 구문은 배열이나 객체에 있는 각 데이터의 값을 자동으로 추출하기 위한 방법이다. 배열 비구조화let [a, b] = [3, 4]; // a = 3, b = 4 를 대입console.log(`${a}, ${b}`); // "3, 4" [a, b] = [b, a]; // a = b, b = a를 대입(교환)console.log(`${a}, ${b}`); // "4, 3" [a, b] 에 우측 배열 [3, 4]의 값을 추출해 각각 순서대로 전달받는다. 순서를 바꾸어 대입하면 값을 서로 교환하는 처리가 가능해진다. (원래는 temp같은 임시 저장할 변수가 필요한데 간단해졌다.) 대입할 변수의 갯수와 배열의 크기가 일치하지 않아도 ..
[ES6] 템플릿 표현식
템플릿 표현식자바스크립트는 코드를 쓸 때 문자열, HTML 등과 같이 쓰면, 보기에도 쓰기에도 불편하다. 예를 들면, let a = 1, b = 2, c = 3; let sentenceWithVar = 'a = ' + a + ', b = ' + b + ', c = ' + c + '\n';console.log(sentenceWithVar); // a = 1, b = 2, c = 3 문자열(HTML) 부분과 변수 부분을 따옴표로 하나하나 나누고 ' + ' 기호로 다 붙여주어야 한다. 그래서 ES6에서 나온 해결책이 템플릿 표현식이다.ES6에서는 역따옴표( ` )로 이를 간단히 표현할 수 있다. let a = 1, b = 2, c = 3;let sentenceWithVar = `a = ${a}, b = ${b..
[ES6] for ~ of문
for of 문 let numbers = [1, 2, 3, 4, 5]; for(let i of numbers){console.log(i); // 1 2 3 4 5} 이처럼 ES6에는 반복을 쉽게하기 위한 일반 for문 말고도 for~of 문이 있다. 기존에 있던 for~in문과 별다른 차이는 없지만, for of 문은 배열을 다룰 때 적합하다. for~in 문에는 다음과 같은 문제점이 있다. let numbers = [1, 2, 3, 4, 5]; for(let i in numbers){console.log(i); // "0" "1" "2" "3" "4"} 문자가 되어 나온다. 그렇기에 for~in문은 객체를 순회하면서 값을 조회하는데 편하고, for~of문은 배열에 적합하다. (* for~in문으로 객체..