Подготовка к ECMAScript 6: Карта и слабая карта

 Map.prototype.keys() 

Этот метод в настоящее время поддерживается Firefox, а Chrome и Opera — за флагом.

Map.prototype.values()

Подобно keys() у нас есть values() . Возвращает объект Iterator содержащий значения элементов карты. Его подпись следующая:

 Map.prototype.values() 

Этот метод в настоящее время поддерживается Firefox, а Chrome и Opera — за флагом.

WeakMap

WeakMap очень похож на Map но имеет несколько важных отличий. Во-первых, WeakMap принимает объекты только в качестве ключей. Это означает, что {} , function(){} (помните, что функции наследуются от Object ), и экземпляры ваших собственных классов разрешены, но 'key' , 10 и другие примитивные типы данных — нет.

Другое важное отличие состоит в том, что объекты WeakMap не предотвращают сборку мусора, если нет никаких других ссылок на объект, который действует как ключ (ссылка слабая ). Из-за этой разницы нет способа извлечь ключи (например, метод Map.prototype.keys() для Map ) или более одного элемента одновременно (например, Map.prototype.values() и Map.prototype.entries() ). Причина хорошо объяснена сетью разработчиков Mozilla (MDN):

Ключи WeakMap не перечисляются (т.е. нет метода, предоставляющего вам список ключей). Если бы они были, список зависел бы от состояния сборки мусора, вводящего недетерминизм.

Как дальнейшее следствие предыдущего пункта, свойство size недоступно.

Стоит также отметить, что Chrome 37 и Opera 24 (последние WeakMap на момент написания статьи) поддерживают WeakMap и его методы без флага, хотя это не относится к Map .

Собираем все вместе

До сих пор вы узнали все о Map WeakMap данных WeakMap и их методах. В этом разделе мы приведем их в действие, чтобы вы могли лучше понять их силу. Помимо демонстрации кода, мы также предоставим вам демонстрации, чтобы вы могли поиграть с ними вживую.

В первой демонстрации мы увидим объект Map и его методы в действии.

 // Creates a new Map object var mapObj = new Map(); // Defines an object that will be used a key in the map var objKey = {third: 'c'}; // Adds a new element having a String as its key and a String as its value mapObj.set('first', 'a'); // Adds a new element having a Number as its key and an Array as its value mapObj.set(2, ['b']); // Adds a new element having an Object as its key and a Number as its value mapObj.set(objKey, 3); // Adds a new element having an Array as its key and a String as its value mapObj.set(['crazy', 'stuff'], 'd'); // Checks whether an element having a key of "2" exists in the map. Prints "true" console.log(mapObj.has(2)); // Checks whether an element having a key of "test" exists in the map. Prints "false" console.log(mapObj.has('test')); // Retrieves the element having key of "first". Prints "a" console.log(mapObj.get('first')); // Retrieves the element having key of "['crazy', 'stuff']". Prints "undefined" because even if the value of this array are identical to the one used to set a value, they are not the same array console.log(mapObj.get(['crazy', 'stuff'])); // Retrieves the element having as a key the value of objKey. Prints "3" because it's exactly the same object using to set the element console.log(mapObj.get(objKey)); // Retrieves the element having key of "empty". Prints "undefined" console.log(mapObj.get('empty')); // Retrieves the map size. Prints "4" console.log(mapObj.size); // Deletes the element having key of "first". Prints "true" console.log(mapObj.delete('first')); // Retrieves the map size. Prints "3" console.log(mapObj.size); // Loops over each element of the map mapObj.forEach(function(value, key, map) { // Prints both the value and the key console.log('Value ' + value + ' is associated to key ' + key); }); var entries = mapObj.entries(); var entry = entries.next(); // Loops over each element of the map while(!entry.done) { // Prints both the value and the key console.log('Value ' + entry.value[1] + ' is associated to key ' + entry.value[0]); entry = entries.next(); } var values = mapObj.values(); var value = values.next(); // Loops over each value of the map while(!value.done) { // Prints the value console.log('Value: ' + value.value); value = values.next(); } var keys = mapObj.keys(); var key = keys.next(); // Loops over each key of the map while(!key.done) { // Prints the key console.log('Key: ' + key.value); key = keys.next(); } // Deletes all the elements of the map mapObj.clear(); // Retrieves the map size. Prints "0" console.log(mapObj.size); 

Демонстрационная версия предыдущего кода показана ниже и также доступна в виде JSFiddle .

Во второй демонстрации мы увидим, как мы можем работать с объектом WeakMap .

 // Creates a new WeakMap object var weakMapObj = new WeakMap(); // Defines an object that will be used a key in the map var objKey1 = {a: 1}; // Defines another object that will be used a key in the map var objKey2 = {b: 2}; // Adds a new element having an Object as its key and a String as its value weakMapObj.set(objKey1, 'first'); // Adds a new element having an Object as its key and a String as its value weakMapObj.set(objKey2, 'second'); // Adds a new element having a Function as its key and a Number as its value weakMapObj.set(function(){}, 3); // Checks whether an element having as its key the value of objKey1 exists in the weak map. Prints "true" console.log(weakMapObj.has(objKey1)); // Retrieve the value of element associated with the key having the value of objKey1. Prints "first" console.log(weakMapObj.get(objKey1)); // Deletes the element having key of objKey1. Prints "true" console.log(weakMapObj.delete(objKey1)); // Deletes all the elements of the weak map weakMapObj.clear(); 

Демонстрационная версия предыдущего кода показана ниже и также доступна в виде JSFiddle .

Вывод

В этом уроке я рассмотрел новые WeakMap данных Map и WeakMap . Первый — хорошее дополнение к языку, потому что большинство разработчиков долгое время имитировали карты. Его слабый аналог на самом деле не то, что вы часто используете в своей повседневной работе, но, безусловно, существуют ситуации, когда он может подойти. Чтобы подкрепить обсуждаемые концепции, я настоятельно рекомендую вам поиграть с предоставленными демонстрациями. Веселиться!