[js 자주 사용되는 ES6+문법] 문자열 및 자료 구조

1. 문자열

1.1 문자열 포멧팅(String Literal)

1) 백틱 사용

const user = { name: 'Hee', age: 10, favor: 'Game' }
console.log(`제 이름은 ${user.name}이고, 나이는 ${user.age}이며, ${user.favor}를 좋아합니다.`)

 

2) 정규식

... 나중에 돌아와서 하는걸로...

---

자료구조

1. Map

: 유일 Key 및 Key-Value 집합

: 자료구조를 위해 사용

const initialized = new Map([
  [1, 'first'],
  [2, 'second'],
  [3, 'third'],
  ['Aaron', { phone: '010-000-0000', address: 'Earth' }],
  ['Baron', { phone: '010-111-1111', address: 'Mars' }],
  ['Caron', { phone: '010-222-2222', address: 'Moon' }],
]);

initialized.set("Aaron", { phone: '010-333-3333', address: 'Jupiter' });
initialized.has("Aaron"); // true
initialized.get("Daron"); // undefined
initialized.set("Daron", { phone: '010-444-4444', address: 'Venus' });
initialized.get("Aaron"); // { phone: '010-333-3333', address: 'Jupiter' });
initialized.delete("Earon"); // false
initialized.delete("Aaron"); // true
console.log(initialized.size); // 6

1.1 모든 키 - 쌍 값 삭제

initialized.clear()

1.2 모든 요소 각각에 대해 콜백 함수(fn) 실행

initialized.forEach(function)

// 추가적인 예시
initialized.forEach(function(value, key, map) {
  console.log(key, value);
});

1.3 이터러블 객체로 반환  - 모든 키 - 쌍 값

initialized.entries()

// 추가적인 예시
const entries = initialized.entries();
for (let entry of entries) {
  console.log(entry); // [key, value] 형태로 출력됨
}

1.4 이터러블 객체를 반환 - 모든 키를 반환

initialized.keys()

// 추가적인 예시
const keys = initialized.keys();
for (let key of keys) {
  console.log(key); // 키만 출력됨
}

1.5 이터러블 객체를 반환 - 모든 값을 반환

initialized.values()

// 추가적인 예시
const values = initialized.values();
for (let value of values) {
  console.log(value); // 값만 출력됨
}

---

2. Set

: 유일 Key 집합

: 배열과의 차이는 Set의 경우, 중복 값을 허용 X

const initialized = new Set([ 1, 2, 3, 'Aaron', 'Baron' ]);

initialized.add(1); // Set(5) { 1, 2, 3, 'Aaron', 'Baron' }
initialized.add(1); // Set(5) { 1, 2, 3, 'Aaron', 'Baron' }
initialized.add(1); // Set(5) { 1, 2, 3, 'Aaron', 'Baron' } 아무리 추가해도 그대로 -> 중복에 대한 고려
initialized.has(1); // true
initialized.has(5); // false
initialized.add({ phone: '010-222-2222', address: 'Moon' });
console.log(initialized.size); // 6
initialized.delete(5); // false
initialized.delete(1); // true
initialized.has(1); // false, 1 은 제거되었습니다.

 

 

---

참조

ASAC 수업자료