212 |
213 |
В ES-2015 появились новые типы коллекций в JavaScript: Set, Map, WeakSet и WeakMap.
214 |
Map – коллекция для хранения записей вида ключ:значение. В отличие от объектов, в которых ключами могут быть только строки, в Map ключом может быть произвольное значение, например:
215 |
216 |
217 | 'use strict';
218 |
219 | let map = new Map();
220 |
221 | map.set('1', 'str1'); // ключ-строка
222 | map.set(1, 'num1'); // число
223 | map.set(true, 'bool1'); // булевое значение
224 |
225 | // в обычном объекте это было бы одно и то же,
226 | // map сохраняет тип ключа
227 | alert( map.get(1) ); // 'num1'
228 | alert( map.get('1') ); // 'str1'
229 |
230 | alert( map.size ); // 3
231 |
232 |
233 | Set – коллекция для хранения множества значений, причём каждое значение может встречаться лишь один раз. Например, к нам приходят посетители, и мы хотели бы сохранять всех, кто пришёл. При этом повторные визиты не должны приводить к дубликатам, то есть каждого посетителя нужно «посчитать» ровно один раз. Set для этого отлично подходит:
234 |
235 |
236 |
237 | 'use strict';
238 |
239 | let set = new Set();
240 |
241 | let vasya = {name: "Вася"};
242 | let petya = {name: "Петя"};
243 | let dasha = {name: "Даша"};
244 |
245 | // посещения, некоторые пользователи заходят много раз
246 | set.add(vasya);
247 | set.add(petya);
248 | set.add(dasha);
249 | set.add(vasya);
250 | set.add(petya);
251 |
252 | // set сохраняет только уникальные значения
253 | alert( set.size ); // 3
254 |
255 | set.forEach( user => alert(user.name ) ); // Вася, Петя, Даша
256 |
257 |
258 | WeakSet – особый вид Set, не препятствующий сборщику мусора удалять свои элементы.
259 | То же самое – WeakMap для Map. То есть, если некий объект присутствует только в WeakSet/WeakMap – он удаляется из памяти. Это нужно для тех ситуаций, когда основное место для хранения и использования объектов находится где-то в другом месте кода, а здесь мы хотим хранить для них «вспомогательные» данные, существующие лишь пока жив объект. Например, у нас есть элементы на странице или, к примеру, пользователи, и мы хотим хранить для них вспомогательную информацию, например обработчики событий или просто данные, но действительные лишь пока объект, к которому они относятся, существует. Если поместить такие данные в WeakMap, а объект сделать ключом, то они будут автоматически удалены из памяти, когда удалится элемент. Например:
260 |
261 |
262 |
263 | // текущие активные пользователи
264 | let activeUsers = [
265 | {name: "Вася"},
266 | {name: "Петя"},
267 | {name: "Маша"}
268 | ];
269 |
270 | // вспомогательная информация о них,
271 | // которая напрямую не входит в объект юзера,
272 | // и потому хранится отдельно
273 | let weakMap = new WeakMap();
274 |
275 | weakMap.set(activeUsers[0], 1);
276 | weakMap.set(activeUsers[1], 2);
277 | weakMap.set(activeUsers[2], 3);
278 | weakMap.set('Katya', 4); //Будет ошибка TypeError: "Katya" is not a non-null object
279 |
280 | alert( weakMap.get(activeUsers[0]) ); // 1
281 |
282 | activeUsers.splice(0, 1); // Вася более не активный пользователь
283 |
284 | // weakMap теперь содержит только 2 элемента
285 |
286 | activeUsers.splice(0, 1); // Петя более не активный пользователь
287 |
288 | // weakMap теперь содержит только 1 элемент
289 |
290 |
Источник: javascript.ru
291 |
8 |
9 | **JavaScript**:
10 |
11 | 
51 | 
353 | 
778 |