O que é JavaScript Array From?
O JavaScript Array From é um método incorporado na linguagem de programação JavaScript que permite criar um novo array a partir de um objeto semelhante a um array ou iterável. Ele retorna um novo array com os elementos do objeto original.
Como usar o JavaScript Array From?
Para usar o JavaScript Array From, você precisa passar um objeto iterável como argumento para o método. Um objeto iterável é qualquer objeto que tenha uma propriedade chamada Symbol.iterator, que é uma função que retorna um iterador. Alguns exemplos de objetos iteráveis são strings, arrays e objetos do tipo Set ou Map.
Veja um exemplo de como usar o JavaScript Array From com uma string:
“`
const string = ‘Hello, World!’;
const array = Array.from(string);
console.log(array);
“`
Neste exemplo, a string ‘Hello, World!’ é passada como argumento para o método Array.from(). O método retorna um novo array com cada caractere da string como um elemento do array. O resultado impresso no console será:
“`
[‘H’, ‘e’, ‘l’, ‘l’, ‘o’, ‘,’, ‘ ‘, ‘W’, ‘o’, ‘r’, ‘l’, ‘d’, ‘!’]
“`
Convertendo um objeto semelhante a um array em um array
O JavaScript Array From também pode ser usado para converter um objeto semelhante a um array em um array. Um objeto semelhante a um array é um objeto que possui uma propriedade length e elementos indexados numericamente, mas não possui métodos de array, como push() ou pop().
Veja um exemplo de como converter um objeto semelhante a um array em um array usando o JavaScript Array From:
“`
const obj = {
0: ‘Hello’,
1: ‘World’,
length: 2
};
const array = Array.from(obj);
console.log(array);
“`
Neste exemplo, o objeto obj possui duas propriedades indexadas numericamente (0 e 1) e uma propriedade length com o valor 2. O método Array.from() cria um novo array com os elementos do objeto obj. O resultado impresso no console será:
“`
[‘Hello’, ‘World’]
“`
Usando uma função de mapeamento
O JavaScript Array From também permite que você passe uma função de mapeamento como segundo argumento opcional. Essa função é aplicada a cada elemento do objeto iterável antes de ser adicionado ao novo array.
Veja um exemplo de como usar uma função de mapeamento com o JavaScript Array From:
“`
const numbers = [1, 2, 3, 4, 5];
const squaredNumbers = Array.from(numbers, x => x * x);
console.log(squaredNumbers);
“`
Neste exemplo, a função de mapeamento x => x * x é aplicada a cada elemento do array numbers. O resultado é um novo array squaredNumbers com cada elemento do array numbers elevado ao quadrado. O resultado impresso no console será:
“`
[1, 4, 9, 16, 25]
“`
Usando o JavaScript Array From com objetos Set e Map
O JavaScript Array From também pode ser usado com objetos do tipo Set e Map. O método Array.from() cria um novo array com os elementos do objeto Set ou Map.
Veja um exemplo de como usar o JavaScript Array From com um objeto Set:
“`
const set = new Set([1, 2, 3, 4, 5]);
const array = Array.from(set);
console.log(array);
“`
Neste exemplo, o objeto Set contém os elementos 1, 2, 3, 4 e 5. O método Array.from() cria um novo array com esses elementos. O resultado impresso no console será:
“`
[1, 2, 3, 4, 5]
“`
Da mesma forma, você pode usar o JavaScript Array From com objetos do tipo Map:
“`
const map = new Map([
[‘key1’, ‘value1’],
[‘key2’, ‘value2’],
[‘key3’, ‘value3’]
]);
const array = Array.from(map);
console.log(array);
“`
Neste exemplo, o objeto Map contém três pares chave-valor. O método Array.from() cria um novo array com esses pares chave-valor. O resultado impresso no console será:
“`
[[‘key1’, ‘value1’], [‘key2’, ‘value2’], [‘key3’, ‘value3’]]
“`
Considerações finais
O JavaScript Array From é uma ferramenta poderosa que permite criar novos arrays a partir de objetos iteráveis. Ele oferece flexibilidade ao converter objetos semelhantes a arrays em arrays e permite o uso de funções de mapeamento para transformar os elementos do objeto iterável. Ao dominar o uso do JavaScript Array From, você poderá manipular e transformar dados de forma eficiente em suas aplicações JavaScript.
