es 6 javascriptのmapデータ構造の例の属性と操作方法、エルゴード方法

(1)size属性
size属性は、Map構造のメンバー総数を返します.

let map = new Map();
map.set('foo', true);
map.set('bar', false);
map.size // 2

(2)set(key,value)
セット方法はキーに対応するキー値を設定し、Map構造全体に戻ります.キーの値がすでにあると、キーの値が更新されます.そうでないと新しいキーが生成されます.

var m = new Map();
m.set("edition", 6) //       
m.set(262, "standard") //      
m.set(undefined, "nah") //     undefined

set方法はMap自体を返すので、チェーン式で書くことができます.

let map = new Map()
    .set(1, 'a')
    .set(2, 'b')
    .set(3, 'c');

(3)get(key)
get方法は、keyに対応するキーの値を読み取り、keyが見つからなければundefinedに戻ります.

var m = new Map();
var hello = function() {
    console.log("hello");
}
m.set(hello, "Hello ES6!") //      
m.get(hello) // Hello ES6!

(4)has(key)
has方法は、あるキーがMapデータ構造にあるかどうかを示すブール値を返します.

var m = new Map();
m.set("edition", 6);
m.set(262, "standard");
m.set(undefined, "nah");
m.has("edition") // true
m.has("years") // false
m.has(262) // true
m.has(undefined) // true

(5)delete(key)
deleteメソッドは、あるキーを削除して、trueに戻ります.削除に失敗したらfalseを返します.

var m = new Map();
m.set(undefined, "nah");
m.has(undefined) // true
m.delete(undefined)
m.has(undefined) // false

(6)clear()
clearメソッドは、すべてのメンバーをクリアし、値を返しませんでした.

let map = new Map();
map.set('foo', true);
map.set('bar', false);
map.size // 2
map.clear()
map.size // 0

巡回方法
Map原生は三つのエルゴード生成関数とエルゴード法を提供します.keys():キーの名前を返すエルゴード.values():キーのエルゴードを返します.entries():全メンバーのエルゴードを返します.forEach():Mapの全メンバーを巡回しました.特に注意したいのは、Mapの遍歴順が挿入順です.以下は使用例です.

let map = new Map([
    ['F', 'no'],
    ['T', 'yes'],
]);
for (let key of map.keys()) {
    console.log(key);
}
// "F"
// "T"
for (let value of map.values()) {
    console.log(value);
}
// "no"
// "yes"
for (let item of map.entries()) {
    console.log(item[0], item[1]);
}
// "F" "no"
// "T" "yes"
//    
for (let [key, value] of map.entries()) {
    console.log(key, value);
}
//        map.entries()
for (let [key, value] of map) {
    console.log(key, value);
}

上のコードの最後の例は、Map構造のデフォルトエルゴードインターフェース(Symbol.iterator属性)を表しています.

map[Symbol.iterator] === map.entries
    // true

Map構造を配列構造に変換し、比較的速い方法は拡張演算子(…)の使用と組み合わせることである.

let map = new Map([
    [1, 'one'],
    [2, 'two'],
    [3, 'three'],
]);
[...map.keys()]
// [1, 2, 3]
[...map.values()]
// ['one', 'two', 'three']
[...map.entries()]
// [[1,'one'], [2, 'two'], [3, 'three']]
[...map]
// [[1,'one'], [2, 'two'], [3, 'three']]

は、配列のmap方法、filter方法を組み合わせて、Mapのエルゴードとフィルタリング(Map自体はmapとfilter方法がない)を実現することができる.

let map0 = new Map()
    .set(1, 'a')
    .set(2, 'b')
    .set(3, 'c');
let map1 = new Map(
    [...map0].filter(([k, v]) => k < 3)
);
//     Map    {1 => 'a', 2 => 'b'}
let map2 = new Map(
    [...map0].map(([k, v]) => [k * 2, '_' + v])
);
//     Map    {2 => '_a', 4 => '_b', 6 => '_c'}

また、MapにはforEachの方法があります.配列のforEachの方法と似ています.

map.forEach(function(value, key, map) {
    console.log("Key: %s, Value: %s", key, value);
});

forEach法はまた、第二のパラメータを適用して、thisを結合することができる.

var reporter = {
    report: function(key, value) {
        console.log("Key: %s, Value: %s", key, value);
    }
};
map.forEach(function(value, key, map) {
    this.report(key, value);
}, reporter);

上のコードの中で、forEachメソッドのコールバック関数のthisは、レポートを指します.