JS: Map,Set

Map

ES 6に導入され、オブジェクトと同様に鍵付きデータが格納される。

しかし、いくつかの違いもある.

鍵は複数のデータ型を許可する

숫자,객체 까지 키 값으로 넣을 수 있다.

map.size-要素の数を返します.

객체의 경우에는 요소개 갯수를 카운팅하기 위해 Object.keys().length를 사용해야한다.

new Map() -地図を作成

map.set(key, value) -使用キー保存値

map.get(key)Key戻り値

map.has(key)-キーが存在する場合はtrue、存在しない場合はfalse

を返します.

map.delete(key)-鍵の値を削除

map.clear()-マッピング内のすべての要素を削除

obejct[key], object.key로 접근하는 객체와 다르다.
map을 사용할 땐 map전용 메서드 set, get 등을 사용해야한다.

△c++のMapと考えれば便利です.

例

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

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 ...
}

Set

ES 6に導入されたのは、重複値が許されない特殊な集合である。

new Set(iterable) -小さなオブジェクト(通常は配列)が受信されると、その値がコピーされます.

set.add(value) -値を追加し、セット自体を返します.
3.set.delete(value)-値を削除します.呼び出しポイントリソースに値があり、削除に成功した場合はtrueまたはfalse

を返します.

set.has(value)-値が存在する場合はtrue、存在しない場合はfalse

を返します.

set.size-カウントグループの値

set.clear()-コレクション内のすべての要素を削除

###例

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 순으로 출력됩니다.
}
let set = new Set(["oranges", "apples", "bananas"]);

for (let value of set) alert(value);

// forEach를 사용해도 동일하게 동작합니다.
set.forEach((value, valueAgain, set) => {
  alert(value);
});

ソース
https://ko.javascript.info/map-set