【javascript】チートシート【map編】

2024年3月29日

mapの初期化

// map初期化
let map = new Map([
    ['key1', 'value1'],
    ['key2', 'value2'],
    ['key3', 'value3']
]);

console.log(map); // Map(3) {'key1' => 'value1', 'key2' => 'value2', 'key3' => 'value3'}

要素の追加

let map = new Map([
    ['key1', 'value1']
]);
console.log(map); // Map(1) {'key1' => 'value1'}

// 要素の追加
map.set('key2','value2');
console.log(map); // Map(2) {'key1' => 'value1', 'key2' => 'value2'}

要素の削除

let map = new Map([
    ['key1', 'value1'],
    ['key2', 'value2'],
    ['key3', 'value3']
]);

console.log(map); // Map(3) {'key1' => 'value1', 'key2' => 'value2', 'key3' => 'value3'}

// 要素の削除
map.delete('key2');
console.log(map); // Map(2) {'key1' => 'value1', 'key3' => 'value3'}

キーの存在判定

let map = new Map([
    ['key1', 'value1'],
    ['key2', 'value2'],
    ['key3', 'value3']
]);

// キーの存在判定
console.log(map.has('key1')); // true
console.log(map.has('key4')); // false

mapのサイズ

let map = new Map([
]);

// mapのサイズ
console.log(map.size); // 0

map.set('key1','value1');
console.log(map.size); // 1

キー・要素を順に取得

let map = new Map([
    ['key1', 'value1'],
    ['key2', 'value2'],
    ['key3', 'value3']
]);

// キーを順に取得
for(let key of map.keys()){
    console.log(key); // key1 key2 key3
}

// 値を順に取得
for(let value of map.values()){
    console.log(value); // value1 value2 value3
}

// キーと値を順に取得
for(let [key,value] of map.entries()){
    console.log(key,value); // key1 value1 key2 value2 key3 value3
}