JS-0406 - JavaScript Completo ES6 - Array

JS-0406 - JavaScript Completo ES6 - Array
Publicado em 27/01/24 16:01
Visualizações: 204

Uma coleção de elementos

Os Arrays (matrizes em pt-br) armazenam uma coleção de elementos, que podem ser dos tipos strings, arrays, boolean, number, functions, objects etc, combinados ou não. Ex:

JS-0406 - JavaScript Completo ES6 - Array

Para acessar os elementos do array, basta utilizar o nome do array e passar o índice do elemento entre colchetes: frutas[2]retornará banana.

A herança dos métodos e propriedades do construtor Array é dada pelo protótipo deste aos objetos array.

JS-0406 - JavaScript Completo ES6 - Array

Os valores de arrays não são estáticos, eles podem ser alterados, dinamicamente. Após a execução do método pop() em mistureba, o seu último elemento foi retirado e o array ficou da seguinte forma:

JS-0406 - JavaScript Completo ES6 - Array

O métod Array.from() é utilizado para transformar array-like objects, em uma array. Utilizando o conteúdo do projeto p?atico, a transformação ocorre da seguinte forma:

JS-0406 - JavaScript Completo ES6 - Array

Para verificar se um elemento é um array, é utilizado o método Array.isArray(e), retornando true ou false.Ex:

JS-0406 - JavaScript Completo ES6 - Array

Para criar um array, podem ser utilizados os métodos do construtor Array Array.of(e), Array(e) e new Array(e). O único detalhe é que, passando um número como parâmetro, para Array.of será criado um array contendo o número passado, e para os outros dois, será criado um array com o tamanho definido de acordo com o número. Ex:

JS-0406 - JavaScript Completo ES6 - Array

Array possui métodos modificadores(mutator methods), que, além de retornarem um valor, eles modificam o array original.

  • sort(): organiza a pelo unicode, indo de caracter em caracter, não organizando números de acordo com seu valor, e sim pelos algarismos;
  • shift(): remove o primeiro elemento da array e retorna este;
  • unshift(e): adiciona elementos ao início da array e retorna o tamanho deste;
  • push(e): adiciona elementos ao final do array e retornatamanho deste;
  • pop(): remove o último elemento da array e retorna este;
  • reverse(): inverte os itens da array e retorna o novo array;

JS-0406 - JavaScript Completo ES6 - Array

  • splice(index, remover, item1, item2, ...): adiciona valores no array a partir do índice, remove a quantidade de itens que for passada como segundo parâmetro e retorna o array;

JS-0406 - JavaScript Completo ES6 - Array

  • copyWithin(alvo, inicio, final):a partir do alvo, copia o array começando do inicio até o final e preenchendo o mesmo com a cópia. Como default, os valores de início e fim são 0 e o tamanho do array; e
  • fill(valor, inicio, final): preenche o array com o valor, do início até o fim.

JS-0406 - JavaScript Completo ES6 - Array

Os métodos de acesso não modificam o array original, retornando apenas o array modificado.

  • concat(): irá concatenar a array com o valor passado;
  • includes():verifica se o array possui o valor e retorna true ou false;
  • indexOf(): verifica se o array possui o valor e retorna o índice do primeiro valor no array;
  • lastIndexOf():retorna o índice do último elemento do array;
  • join(separador): junta todos os valores do array e retorna uma string com eles, tendo como separador, o valor do parâmetro passado. Por padrão, o separador é vírgula. Se for passado um valor vazio, junta tudo; e
  • slice(inicio, final): retorna os itens do array do início até o valor de final.

JS-0406 - JavaScript Completo ES6 - Array

No final, o array frutas vai continuar com seus seis elementos:

JS-0406 - JavaScript Completo ES6 - Array

Veja também:

Confira mais artigos relacionados

Este website utiliza cookies próprios e de terceiros a fim de personalizar o conteúdo, melhorar a experiência do usuário, fornecer funções de mídias sociais e analisar o tráfego. Para continuar navegando você deve concordar com nossa Política de Privacidade

Aceito Não aceito