実行時までキーが不明なときにMap（）を使用するのはなぜですか？

Question

MapにMDNのドキュメントは言う：

あなたはまだ[オブジェクトまたはマップ]を使用しているかわからない場合は、 に以下の質問を自問してください：

• は通常、未知の鍵であります実行時まで、動的にそれらを検索する必要がありますか？

• [...]

これらすべては、あなたがコレクションの地図をしたいサインをしています。 [...] https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Map

しかし、私はあまりにも角括弧でdynamicalyオブジェクトのキーを設定することができます（すなわち。myObject[dynamicKey]）。

mapsを使用する別の理由は、「マップの目的をフィッティングする」以外の動的キーをコレクションとして使用する場合ですか？これは、同じドキュメント内の以前のポイントに近い関連

Answer 1

：

オブジェクトのプロトタイプを持っているので、デフォルトのキーがマップにあります。

は伝統的に、あなたはプロトタイプのプロパティをフィルタリングする必要があります（彼らは「見て[キー]まで動的に」と言いたいです）オブジェクトを反復処理する場合：

for(var key in obj) { 
    if(obj.hasOwnProperty(key)) { 
     // do something 
    } 
} 

あなたはを通して繰り返しますMapではプロトタイププロパティと混合した独自のプロパティを持たないため、余分なチェックをスキップできます。

Answer 2

オブジェクトは、数字と文字列をキーとしてのみサポートします。マップはオブジェクトをキーとしてもサポートしています。実行時まであなたのキーが不明な場合は、キーのタイプがわからないことがあります。マップはより安全です。

私はあなたがECMAScript 6コードをECMAScript 5に移したときにMapを使うべきではないと思います.Mapを使用するために必要なpolyfillはパフォーマンスが良くありません。

Answer 3

しかし、オブジェクトに値を渡すことには依然として問題があります。 キーは常にオブジェクト内の文字列に変換されるためです。例えば

：

let author1 = { name: "Name1" }; 
let author2 = { name: "Name2" }; 

let mostRecentReply = {}; 

mostRecentReply[author1] = "Test1"; 
mostRecentReply[author2] = "Test2"; 

console.log(mostRecentReply[author1]); 
console.log(mostRecentReply[author2]); 

意志出力以下：

Test2 
Test2 

マップを使用しても問題が解決します

let mostRecentReply = new Map(); 
mostRecentReply.set(author1, "Test1"); 
mostRecentReply.set(author2, "Test2"); 

console.log(mostRecentReply.get(author1)); 
console.log(mostRecentReply.get(author2)); 

意志出力：

Test1 
Test2 

Answer 4

Mapを任意のキーで使用する理由は、名前の衝突を避けるためです。例えば。我々はObject.prototype.toStringと衝突上記

let a = {}; 
 

 
function foo(key) { 
 
    console.log(a[key] === undefined ? "Unset" : "Set"); 
 
    a[key] = "Hi"; 
 
    console.log(a[key]); 
 
    console.log("" + a); 
 
} 
 

 
foo("goodKey"); // Unset, Hi, [object Object] 
 
foo("toString"); // Set, Hi, TypeError: can't convert a to primitive type

：プレーンオブジェクトと。

我々は罰金だ Mapで

：

let a = new Map(); 
 

 
function foo(key) { 
 
    console.log(a.get(key) === undefined ? "Unset" : "Set"); 
 
    a.set(key, "Hi"); 
 
    console.log(a.get(key)); 
 
    console.log("" + a); 
 
} 
 

 
foo("goodKey"); // Unset, Hi, [object Map] 
 
foo("toString"); // Unset, Hi, [object Map]