ES6 - Coleções
ES6 apresenta duas novas estruturas de dados: Mapas e Conjuntos.
Maps - Essa estrutura de dados permite mapear uma chave para um valor.
Sets- Os conjuntos são semelhantes aos arrays. No entanto, os conjuntos não incentivam duplicatas.
Mapas
O objeto Map é um par simples de chave / valor. Chaves e valores em um mapa podem ser primitivos ou objetos.
A seguir está a sintaxe para o mesmo.
new Map([iterable])O parâmetro iterable representa qualquer objeto iterável cujos elementos compreendem um par chave / valor. Os mapas são ordenados, ou seja, eles percorrem os elementos na ordem de sua inserção.
Propriedades do mapa
| Sr. Não | Descrição da Propriedade |
|---|---|
| 1 | Map.prototype.size Esta propriedade retorna o número de pares chave / valor no objeto Map. |
Compreender as operações básicas do mapa
A função set () define o valor da chave no objeto Map. A função set () leva dois parâmetros, a saber, a chave e seu valor. Esta função retorna o objeto Map.
A função has () retorna um valor booleano que indica se a chave especificada é encontrada no objeto Map. Esta função recebe uma chave como parâmetro.
var map = new Map();
map.set('name','Tutorial Point');
map.get('name'); // Tutorial pointO exemplo acima cria um objeto de mapa. O mapa possui apenas um elemento. A chave do elemento é denotada porname. A chave é mapeada para um valorTutorial point.
Note- Os mapas distinguem entre valores semelhantes, mas contêm diferentes tipos de dados. Em outras palavras, uminteger key 1 é considerado diferente de um string key “1”. Considere o seguinte exemplo para entender melhor este conceito
var map = new Map();
map.set(1,true);
console.log(map.has("1")); //false
map.set("1",true);
console.log(map.has("1")); //trueResultado
false
trueo set()método também pode ser encadeado. Considere o seguinte exemplo.
var roles = new Map();
roles.set('r1', 'User')
.set('r2', 'Guest')
.set('r3', 'Admin');
console.log(roles.has('r1'))Resultado
TrueO exemplo acima define um objeto de mapa. O exemplo encadeia a função set () para definir o par chave / valor.
o get() função é usada para recuperar o valor correspondente à chave especificada.
O construtor Map também pode receber uma matriz. Além disso, o mapa também suporta o uso do operador de propagação para representar uma matriz.
Exemplo
var roles = new Map([
['r1', 'User'],
['r2', 'Guest'],
['r3', 'Admin'],
]);
console.log(roles.get('r2'))A seguinte saída é exibida na execução bem-sucedida do código acima.
GuestNote - A função get () retorna indefinido se a chave especificada não existe no mapa.
O set () substitui o valor da chave, se ela já existir no mapa. Considere o seguinte exemplo.
var roles = new Map([
['r1', 'User'],
['r2', 'Guest'],
['r3', 'Admin'],
]);
console.log(`value of key r1 before set(): ${roles.get('r1')}`)
roles.set('r1','superUser')
console.log(`value of key r1 after set(): ${roles.get('r1')}`)A seguinte saída é exibida na execução bem-sucedida do código acima.
value of key r1 before set(): User
value of key r1 after set(): superUserMétodos de Mapa
| Sr. Não | Método e Descrição |
|---|---|
| 1 | Map.prototype.clear () Remove todos os pares de chave / valor do objeto Map. |
| 2 | Map.prototype.delete (chave) Remove qualquer valor associado à chave e retorna o valor que Map.prototype.has (chave) teria retornado anteriormente. Map.prototype.has (chave) retornará falso posteriormente. |
| 3 | Map.prototype.entries () Retorna um novo objeto Iterator que contém an array of [chave, valor] para cada elemento no objeto Mapa na ordem de inserção. |
| 4 | Map.prototype.forEach (callbackFn [, thisArg]) Ligações callbackFnuma vez para cada par de valores-chave presente no objeto Map, na ordem de inserção. Se um parâmetro thisArg for fornecido para forEach, ele será usado como o valor 'this' para cada retorno de chamada. |
| 5 | Map.prototype.keys () Retorna um novo objeto Iterator que contém o keys para cada elemento no objeto Mapa na ordem de inserção. |
| 6 | Map.prototype.values () Retorna um novo objeto Iterator que contém an array of [chave, valor] para cada elemento no objeto Mapa na ordem de inserção. |
O para ... de Loop
O exemplo a seguir ilustra a passagem de um mapa usando o loop for ... of.
'use strict'
var roles = new Map([
['r1', 'User'],
['r2', 'Guest'],
['r3', 'Admin'],
]);
for(let r of roles.entries())
console.log(`${r[0]}: ${r[1]}`);A seguinte saída é exibida na execução bem-sucedida do código acima.
r1: User
r2: Guest
r3: AdminMapas Fracos
Um mapa fraco é idêntico a um mapa com as seguintes exceções -
Suas chaves devem ser objetos.
As chaves em um mapa fraco podem ser coletadas como lixo. Garbage collection é um processo de limpar a memória ocupada por objetos não referenciados em um programa.
Um mapa fraco não pode ser iterado ou apagado.
Exemplo: Mapa Fraco
'use strict'
let weakMap = new WeakMap();
let obj = {};
console.log(weakMap.set(obj,"hello"));
console.log(weakMap.has(obj));// trueA seguinte saída é exibida na execução bem-sucedida do código acima.
WeakMap {}
trueJogos
Um conjunto é uma estrutura de dados ES6. É semelhante a uma matriz, com a exceção de que não pode conter duplicatas. Em outras palavras, permite armazenar valores únicos. Os conjuntos oferecem suporte a valores primitivos e referências a objetos.
Assim como os mapas, os conjuntos também são ordenados, ou seja, os elementos são iterados em sua ordem de inserção. Um conjunto pode ser inicializado usando a seguinte sintaxe.
Definir propriedades
| Sr. Não | Descrição da Propriedade |
|---|---|
| 1 | Set.prototype.size Retorna o número de valores no objeto Set. |
Definir métodos
| Sr. Não | Método e Descrição |
|---|---|
| 1 | Set.prototype.add (valor) Anexa um novo elemento com o valor fornecido ao objeto Set. Retorna o objeto Set. |
| 2 | Set.prototype.clear () Remove todos os elementos do objeto Set. |
| 3 | Set.prototype.delete (valor) Remove o elemento associado ao valor. |
| 4 | Set.prototype.entries () Retorna um novo objeto Iterator que contém an array of[valor, valor] para cada elemento no objeto Definir, na ordem de inserção. Ele é mantido semelhante ao objeto Map, de modo que cada entrada tem o mesmo valor para sua chave e valor aqui. |
| 5 | Set.prototype.forEach (callbackFn [, thisArg]) Ligações callbackFnuma vez para cada valor presente no objeto Set, na ordem de inserção. E seathisArg parâmetro é fornecido para forEach, ele será usado como o valor 'this' para cada retorno de chamada. |
| 6 | Set.prototype.has (valor) Retorna um booleano que afirma se um elemento está presente com o valor fornecido no objeto Set ou não. |
| 7 | Set.prototype.values () Retorna um novo objeto Iterator que contém o values para cada elemento no objeto Definir no pedido de inserção. |
Conjunto Fraco
Conjuntos fracos podem conter apenas objetos, e os objetos que eles contêm podem ser coletados como lixo. Como mapas fracos, conjuntos fracos não podem ser iterados.
Exemplo: usando um conjunto fraco
'use strict'
let weakSet = new WeakSet();
let obj = {msg:"hello"};
weakSet.add(obj);
console.log(weakSet.has(obj));
weakSet.delete(obj);
console.log(weakSet.has(obj));A seguinte saída é exibida na execução bem-sucedida do código acima.
true
falseIterator
Iterator é um objeto que permite acessar uma coleção de objetos um de cada vez. Tanto set quanto map possuem métodos que retornam um iterador.
Iteradores são objetos com next()método. Quando o método next () é invocado, ele retorna um objeto com'value' e 'done'propriedades. 'done' é booleano, retornará verdadeiro após a leitura de todos os itens da coleção
Exemplo 1: conjunto e iterador
var set = new Set(['a','b','c','d','e']);
var iterator = set.entries();
console.log(iterator.next())A seguinte saída é exibida na execução bem-sucedida do código acima.
{ value: [ 'a', 'a' ], done: false }Como o conjunto não armazena chave / valor, a matriz de valor contém chave e valor semelhantes. feito será falso porque há mais elementos a serem lidos.
Exemplo 2: conjunto e iterador
var set = new Set(['a','b','c','d','e']);
var iterator = set.values();
console.log(iterator.next());A seguinte saída é exibida na execução bem-sucedida do código acima.
{ value: 'a', done: false }Exemplo 3: conjunto e iterador
var set = new Set(['a','b','c','d','e']);
var iterator = set.keys();
console.log(iterator.next());A seguinte saída é exibida na execução bem-sucedida do código acima.
{ value: 'a', done: false }Exemplo 4: Mapa e Iterador
var map = new Map([[1,'one'],[2,'two'],[3,'three']]);
var iterator = map.entries();
console.log(iterator.next());A seguinte saída é exibida na execução bem-sucedida do código acima.
{ value: [ 1, 'one' ], done: false }Exemplo 5: Mapa e Iterador
var map = new Map([[1,'one'],[2,'two'],[3,'three']]);
var iterator = map.values();
console.log(iterator.next());A seguinte saída é exibida na execução bem-sucedida do código acima.
{value: "one", done: false}Exemplo 6: Mapa e Iterador
var map = new Map([[1,'one'],[2,'two'],[3,'three']]);
var iterator = map.keys();
console.log(iterator.next());A seguinte saída é exibida na execução bem-sucedida do código acima.
{value: 1, done: false}