ホームページ > 記事 > ウェブフロントエンド > JavaScript の Map インスタンスと Set インスタンスの詳細な説明
Map
Mapは一連のキーと値のペアの構造であり、検索速度が非常に速いです。
マップの定義。
//空map设值key-valuevar m = new Map(); m.set("XiaoMing",99); m.set("XiaoHong",66);//构造参数传key-valuevar m = new Map([['XiaoMing', 99], ['XiaoHong', 66]]);
Map のメソッド
var m = new Map(); // 空Mapm.set('XiaoMing', 99); // 添加新的key-valuem.has('XiaoMing'); // 是否存在key 'XiaoMing': truem.get('XiaoMing'); // 99m.delete('XiaoMing'); // 删除key 'XiaoMing'm.get('XiaoMing'); // undefined
キーの値を繰り返し設定すると、次の値が前の値を上書きします。
var m = new Map(); m.set('XiaoMing', 99); m.set('XiaoMing', 98); m.get('XiaoMing'); // 98
Set
Set は Map に似ていますが、set はキーを保存し、キーは繰り返されません。
セットの作成。
var s1 = new Set(); // 空Sets1.add(1); s1.add(2); s1.add(3);var s2 = new Set([1, 2, 3]); // 含1, 2, 3
繰り返し値を挿入すると、set が繰り返し値をフィルタリングします
s = Set([1, 2, 33>>s; s.delete(3); >>s;
Map と Set の走査
Array はループ走査に添字を使用できますが、Map と Set は添字を使用できません。コレクション型を統一するために、ES6 標準では、配列、マップ、およびセットはすべて反復可能型に属します。
iterable
型のコレクションは、新しい for ... of
ループを介して走査できます。 iterable
类型的集合可以通过新的for ... of
循环来遍历。
var a = ['A', 'B', 'C'];var s = new Set(['A', 'B', 'C']);var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);for (var x of a) { // 遍历Array alert(x); }for (var x of s) { // 遍历Set alert(x); }for (var x of m) { // 遍历Mapalert(x[0] + '=' + x[1]); }
更好的遍历:forEach
forEach是iterable内置的方法,它接收一个函数,每次迭代就自动回调该函数。
var a = ['A', 'B', 'C']; a.forEach(function (element, index, array) {// element: 指向当前元素的值// index: 指向当前索引// array: 指向Array对象本身 alert(element); });
Set
与Array
类似,但Set
没有索引,因此回调函数的前两个参数都是元素本身:
var s = new Set(['A', 'B', 'C']); s.forEach(function (element, sameElement, set) { alert(element); });
Map
的回调函数参数依次为value
、key
和map
var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]); m.forEach(function (value, key, map) { alert(value); });
より良いトラバーサル: forEach
🎜🎜🎜 🎜forEachは、関数を受け取り、反復ごとに自動的にその関数をコールバックします。 🎜🎜rrreee🎜🎜 Set
は Array
に似ていますが、Set
にはインデックスがないため、コールバック関数の最初の 2 つのパラメータが要素になります自分自身: 🎜 🎜rrreee🎜🎜 Map
のコールバック関数パラメータは、value
、key
、および map
自体です: 🎜 🎜りー🎜 🎜 🎜以上がJavaScript の Map インスタンスと Set インスタンスの詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。