[자바스크립트(JavaScript)] ECMAScript6_(ES6)

단축 속성명

객체의 key값과 value가 같으면 생략해서 쓸 수 있다.

const obj = {
	name = name,
    age = age;
}
>>>
const obj = {name,age};

 

전개 구문(spread)

배열 앞에 ...을 입력하면 배열을 전개해준다.
배열에 새로운 요소를 넣고 추가 할 때 전개구문으로 배열을 푼뒤에 추가해주면 쉽게 가능하다.

let arr = [1,2,3]

let newArr = [...arr,4];

>> [1,2,3,4]

 

템플릿 리터럴 (``백틱)

백틱을 사용하면 백틱안에 ${}를 사용해 변수를 넣을 수 있다.
멀티 라인을 지원해서 줄바꿈, 띄어쓰기 등등 그대로 출력이 가능하다.

 

Map

현대에서 객체와 배열만으로는 프로그래밍을 할 수 있는 것이 적기 때문에 Map과 Set이 등장 했다. Map은 기존의 객체와는 달리 key,value 한쌍을 이루는 건 같은데 key값이 어떤유형도 다 들어올 수 있다. 기본적으로 **검색, 삭제, 제거, 여부확인 기능을 한다.

Map은 기본적으로 set으로 key값과value를 저장해주고 get으로 데이터를 가져온다, 또한 반복문으로 Map의 값들을 하나하나 접근하는 것이 가능한데 그것이 for ~~ of ~~이다.

const myMap = new Map();
myMap.set("one",1);
myMap.set("two",2);
myMap.set("three",3);
/// Map 세팅

for (const key of myMap.keys()) {
}
// 반복문으로 key값을 하나하나 꺼내기 for(변수명 of map.~~){}

key값을 꺼내고싶으면 keys
value는 values
둘다는 entry

 

 

Set

값에서 많이 쓰인다. 고유한 값을 저장하고 value만 저장한다. key는 저장하지 않는다.
주로 값 추가, 검색. 값 삭제, 모든 값 제거, 존재 여부 확인에 활용된다.
기본적으로 map의 문법과 유사하나 차이는 map의 값을 지정할 때에 set을 사용했다면 Set은 add를 사용하여 값을 추가한다.