[항해 14기] 개발일지3 (JS기본)

ES6 추가 문법

 

1.  let, const

- let 재할당 가능, 재선언 불가

- const 재할당, 재선언 불가

 

 

2. 화살표 함수

- 바인딩 생략(선언 시 this가 정해짐)

 

 

3. 삼항 연산자

 

 

4. 구조 분해 할당

- 배열이나 객체에 속성을 분해하여 값을 변수에 담는 방식

let [value1, value2] = [1, "new"];
console.log(value1); // 1
console.log(value2); // "new"

 

let user = {name: "nbc", age: 30};
let {name, age} = user;
// let name = user.name;
// let age = user.age;
console.log(name, age) // nbc 30

 

 

5. 단축 속성명

- 키 밸류 이름이 같으면 아래와 같이 단축 가능
const obj = {
  name,
  age
};

 

 

6. 전개 구문 + 나머지 매개변수

 

 

7. 템플릿 리터럴

const testValue = "hi";
console.log(`hello world ${3 + 3} ${testValue}`);
console.log(`
줄바꾸기

가 능 함`);

 

 

8. import,export

 

 

9. 일급 객체 함수

- 변수에 함수 할당 가능, 함수가 값처럼 취급
- 콜백함수 : 매개변수로 쓰이는 함수
- 고차함수 : 함수를 인자로받거나 리턴

- 함수로 리턴 가능

 

 

11. Map, Set

- map set으로 객체 컨트롤

- map은 중복으로 키-값 페어로 저장, 키는 중복 불가
const myMap = new Map();
myMap.set('key','value')
console.log(myMap.get("key")); //iterator 반복자

- map 사용 예시
for (const key of myMap.keys()) {
  console.log(key);
}
for (const value of myMap.values()) {
  console.log(value);
}
for (const entry of myMap.entries()) {
  console.log(entry);
}
console.log(myMap.size); //map의 길이
console.log(myMap.has("two")); //key검색

- set은 고유값을 저장하는 자료구조,  배열과 유사하며, 추가 검색 삭제 모두삭제 존재확인
const mySet = new Set();
mySet.add("value1");
for (const value of mySet.values()) {
  console.log(value);
}