JavaScript Arrays Methods - Part 1

Um array é um objeto em JavaScript. Use-o para armazenar múltiplos valores em uma única variável.

Em vez de criar variáveis separadas para cada item, use um array.

Exemplo: let students = ["John", "David", "Alex"];

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

• Índice 0: John • Índice 1: David • Índice 2: Alex

Conceitos Essenciais de Arrays

  1. 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 adicionar ou remover elementos. Se você diminuir o length, o JavaScript removerá os elementos extras. Se você aumentar o length, o JavaScript criará espaços vazios.

  1. toString() Este método converte seu array em uma string. Ele junta os elementos com vírgulas. Ele não altera o array original.

  2. join() Use este método quando precisar de um separador personalizado.

• fruits.join(" | ") retorna "Apple | Orange | Banana" • fruits.join("-") retorna "Apple-Orange-Banana"

  1. at() Este método retorna um elemento em um índice específico. Ele suporta números negativos.

• arr.at(-1) retorna o último elemento. • arr.at(-2) retorna o penúltimo elemento.

  1. pop() Este método remove o último elemento do seu array. Ele retorna o elemento que foi removido. Isso altera o seu array original.

  2. Array.isArray() Use este método para verificar se um valor é um array. O operador typeof retorna "object" para arrays, portanto, não é confiável.

• Array.isArray([]) retorna true • Array.isArray({}) retorna false

  1. concat() Use este método para mesclar dois ou mais arrays. Ele não altera os arrays originais. Ele retorna um novo array.

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

Nota Importante sobre delete O operador delete remove um elemento, mas mantém o comprimento do array o mesmo. Isso cria um "buraco" vazio no seu array. Use outros métodos se quiser remover elementos e diminuir o tamanho do array.

Fonte: https://www.w3schools.com/js/js_array_methods.asp

Guia completo: https://dev.to/annapoo/javascript-arrays-methods-part-1-kb7