Métodos de Arrays em JavaScript - Parte 1

Um array é um objeto especial no JavaScript. Ele armazena múltiplos valores em uma única variável.

Em vez de criar variáveis separadas para cada aluno: let student1 = "John"; let student2 = "David";

Use um array: let students = ["John", "David", "Alex"];

Cada valor é um elemento. Cada elemento possui um índice que começa em 0.

• A propriedade length A propriedade length informa o número total de elementos. É uma propriedade, não uma função. Não use parênteses. Correto: arr.length Errado: arr.length()

Você pode alterar o length para redimensionar seu array.

  • Diminuir o length remove elementos do final.
  • Aumentar o length cria espaços vazios.

• toString() e join() Use toString() para transformar um array em uma string separada por vírgulas. Use join() quando quiser um separador personalizado, como um hífen ou um pipe.

• O método at() Este método retorna um elemento em um índice específico. Diferente da notação de colchetes, ele suporta índices negativos. arr.at(-1) retorna o último elemento.

• O método pop() Este método remove o último elemento de um array. Ele modifica o array original e retorna o item removido.

• Array.isArray() Use isto para verificar se um valor é um array. O operador typeof retorna "object" para arrays, o que não é muito útil. Sempre valide seus dados com Array.isArray() antes de realizar um loop.

• delete vs concat() O operador delete remove um elemento, mas deixa um "buraco" vazio. Ele não altera o length. O método concat() mescla arrays. Ele não altera os arrays originais; ele retorna um novo.

• copyWithin() Este método copia parte de um array para uma nova posição no mesmo array. Ele sobrescreve os elementos existentes.

Resumo dos métodos:

  • length: Retorna o tamanho.
  • toString(): Converte para uma string separada por vírgulas.
  • join(separator): Converte para uma string com um separador personalizado.
  • at(index): Obtém o elemento (suporta índice negativo).
  • pop(): Remove o último elemento.
  • isArray(): Verifica se o valor é um array.
  • concat(): Mescla arrays em um novo array.
  • copyWithin(): Copia elementos dentro do mesmo array.

Source: https://www.w3schools.com/js/js_array_methods.asp Complete guide: https://dev.to/annapoo/javascript-arrays-methods-part-1-kb7