マッピングとセット

オブジェクト-鍵付きコレクションを保存
配列-格納順序の集合
新Map()–マッピングを作成します.
map.set(key,value)-keyを使用してvalueを保存します.
map.get(key)-keyに対応する値を返します.キーが存在しない場合はundefinedを返します.
map.has(key)-keyが存在する場合はtrueを返し、存在しない場合はfalseを返します.
map.delete(key)-keyに対応する値を削除します.
map.clear()–マッピング内のすべての要素を削除します.
map.size–要素の数を返します.

let map = new Map();

map.set('1', 'str1');   // 문자형 키
map.set(1, 'num1');     // 숫자형 키
map.set(true, 'bool1'); // 불린형 키

// 객체는 키를 문자형으로 변환한다는 걸 기억하고 계신가요?
// 맵은 키의 타입을 변환시키지 않고 그대로 유지합니다. 따라서 아래의 코드는 출력되는 값이 다릅니다.
alert( map.get(1)   ); // 'num1'
alert( map.get('1') ); // 'str1'

alert( map.size ); // 3

オブジェクトとは異なり、マッピングではキーは文字に変換されません.鍵にデータ制約はありません
mapを使用する場合は、map専用メソッドセット、getなどを使用する必要があります.
[マッピング](Mapping)キーを使用してオブジェクトを許可します.

let john = { name: "John" };

// 고객의 가게 방문 횟수를 세본다고 가정해 봅시다.
let visitsCountMap = new Map();

// john을 맵의 키로 사용하겠습니다.
visitsCountMap.set(john, 123);

alert( visitsCountMap.get(john) ); // 123

チェニン
map.setを呼び出すたびにマッピング自体が返されるので、マッピングを使用できます.「リンク」(chaining)setを使用できます.

map.set('1', 'str1')
  .set(1, 'num1')
  .set(true, 'bool1');

map.keys()–各要素にキーがある反復可能なオブジェクトを返します.
map.values()–各要素の値を収集する小さなかわいいオブジェクトを返します.
map.entries()–要素のキー、値をペアとするペアの小さなオブジェクトを返します.このスワップ可能なオブジェクトは...複文の基礎とする.

let recipeMap = new Map([
  ['cucumber', 500],
  ['tomatoes', 350],
  ['onion',    50]
]);

// 키(vegetable)를 대상으로 순회합니다.
for (let vegetable of recipeMap.keys()) {
  alert(vegetable); // cucumber, tomatoes, onion
}

// 값(amount)을 대상으로 순회합니다.
for (let amount of recipeMap.values()) {
  alert(amount); // 500, 350, 50
}

// [키, 값] 쌍을 대상으로 순회합니다.
for (let entry of recipeMap) { // recipeMap.entries()와 동일합니다.
  alert(entry); // cucumber,500 ...
}

マッピングは、配列に似た組み込みメソッドもサポートします.

// 각 (키, 값) 쌍을 대상으로 함수를 실행
recipeMap.forEach( (value, key, map) => {
  alert(`${key}: ${value}`); // cucumber: 500 ...
});

Object.entries:オブジェクトをマッピングに置き換える
通常のオブジェクトを使用してマッピングを作成する場合は、組み込みメソッドオブジェクトを使用します.entries(obj)を使用する必要があります
このメソッドは、オブジェクトのキー値ペアを要素([key,value])とする配列を返します.

let obj = {
  name: "John",
  age: 30
};

let map = new Map(Object.entries(obj));

alert( map.get('name') ); // John

Object.fromEntryys:マッピングをオブジェクトに置き換える
この方法では、各要素がキー、値のペアである配列をオブジェクトに置き換えます.

let map = new Map();
map.set('banana', 1);
map.set('orange', 2);
map.set('meat', 4);

let obj = Object.fromEntries(map.entries()); // 맵을 일반 객체로 변환 (*)
//let obj = Object.fromEntries(map); // .entries()를 생략함 이것도 가능

// 맵이 객체가 되었습니다!
// obj = { banana: 1, orange: 2, meat: 4 }

alert(obj.orange); // 2

セット(Set)
重複値が許可されていない特殊なセットが含まれます.
ストレージグループにキーがない値

new Set(iterable) – 셋을 만듭니다. 이터러블 객체를 전달받으면(대개 배열을 전달받음) 그 안의 값을 복사해 셋에 넣어줍니다.
set.add(value) – 값을 추가하고 셋 자신을 반환합니다.
set.delete(value) – 값을 제거합니다. 호출 시점에 셋 내에 값이 있어서 제거에 성공하면 true, 아니면 false를 반환합니다.
set.has(value) – 셋 내에 값이 존재하면 true, 아니면 false를 반환합니다.
set.clear() – 셋을 비웁니다.
set.size – 셋에 몇 개의 값이 있는지 세줍니다.

let set = new Set();
let john = { name: "John"};
let pete = { name: "Pete"};
let mary = { name: "Mary"};
//john、maryは複数回アクセスできるお客様もいます.
set.add(john);
set.add(pete);
set.add(mary);
set.add(john);
set.add(mary);
//セットには一意の値のみが格納されます.
alert( set.size );//3
for (let user of set) {
alert(user.name);////John、Pete、Maryの順に出力します.
}

셋의 값에 반복 작업
for..of나 forEach를 사용하면 셋의 값을 대상으로 반복 작업을 수행 가능

let set = new Set(["oranges", "apples", "bananas"]);
for (let value of set) alert(value);
//forEachを使用する場合の動作は同じです.
set.forEach((value, valueAgain, set) => {
alert(value);
});

흥미로운 점이 눈에 띄네요. forEach에 쓰인 콜백 함수는 세 개의 인수를 받는데, 첫 번째는 값, 두 번째도 같은 값인 valueAgain을 받고 있습니다. 세 번째는 목표하는 객체(셋)이고요. 동일한 값이 인수에 두 번 등장하고 있습니다.

이렇게 구현된 이유는 맵과의 호환성 때문입니다. 맵의 forEach에 쓰인 콜백이 세 개의 인수를 받을 때를 위해서죠. 이상해 보이겠지만 이렇게 구현해 놓았기 때문에 맵을 셋으로 혹은 셋을 맵으로 교체하기가 쉽습니다.

반복작업 가능한 메서드
set.keys() – 셋 내의 모든 값을 포함하는 이터러블 객체를 반환합니다.
set.values() – set.keys와 동일한 작업을 합니다. 맵과의 호환성을 위해 만들어진 메서드입니다.
set.entries() – 셋 내의 각 값을 이용해 만든 [value, value] 배열을 포함하는 이터러블 객체를 반환합니다. 맵과의 호환성을 위해 만들어졌습니다.