Arrays no Javascript

Tempo de leitura: 3 minutos

Arrays no Javascript: Em JavaScript, os arrays são estruturas de dados que nos permitem armazenar uma coleção de elementos, sejam eles números, strings, objetos ou outros tipos de dados. Eles são como listas ordenadas, onde cada elemento ocupa uma posição específica, identificada por um índice numérico.

Os arrays são ferramentas indispensáveis para organizar e manipular dados em diversas aplicações, desde simples listas de compras até complexas estruturas de dados.

Neste artigo, vamos explorar em detalhes o que são arrays em JavaScript, como criá-los, manipulá-los e as diversas operações que podemos realizar com eles.

Criando um Array

Existem duas formas principais de criar um array em JavaScript:

Literais de array:

JavaScript

let frutas = ["maçã", "banana", "laranja"];

Usando o construtor Array():

JavaScript

let numeros = new Array("maçã", "banana", "laranja");

Acessando Elementos de um Array

Cada elemento de um array é acessado por meio de seu índice, que começa em 0.

JavaScript

let frutas = ["maçã", "banana", "laranja"];
console.log(frutas[0]); // Acessa o primeiro elemento (maçã)

Modificando Elementos de um Array

Você pode modificar o valor de um elemento existente em um array simplesmente atribuindo um novo valor ao índice correspondente.

JavaScript

let frutas = ["maçã", "banana", "laranja"];
frutas[1] = "uva";

Propriedades Importantes de Arrays

• length: Retorna o número de elementos em um array.
• indexOf(): Retorna o índice do primeiro elemento que corresponde a um valor específico.
• lastIndexOf(): Retorna o índice do último elemento que corresponde a um valor específico.

JavaScript

let frutas = ["maçã", "banana", "laranja", "maçã"];
console.log(frutas.length); // 4
console.log(frutas.indexOf("maçã")); // 0
console.log(frutas.lastIndexOf("maçã")); // 3

Métodos Úteis de Arrays

Os arrays possuem diversos métodos para manipular seus elementos:

• push(): Adiciona um ou mais elementos ao final do array.
• pop(): Remove e retorna o último elemento do array.
• shift(): Remove e retorna o primeiro elemento do array.
• unshift(): Adiciona um ou mais elementos ao início do array.  
• splice(): Remove ou adiciona elementos em um ponto específico do array.
• slice(): Retorna uma nova cópia de uma parte do array.
• concat(): Combina dois ou mais arrays em um novo array.
• join(): Converte os elementos de um array em uma string, separando-os por um delimitador.

JavaScript

let frutas = ["maçã", "banana"];
frutas.push("laranja"); // Adiciona "laranja" ao final
let frutaRemovida = frutas.pop(); // Remove e retorna "laranja"

Iterando sobre Arrays

Você pode percorrer todos os elementos de um array usando um loop for ou um loop for...of.

JavaScript

let numeros = [1, 2, 3, 4, 5];

// Loop for tradicional
for (let i = 0; i < numeros.length; i++) {
  console.log(numeros[i]);
}

// Loop for...of
for (let numero of numeros) {
  console.log(numero);
}

Arrays Multidimensionais

Um array multidimensional é um array que contém outros arrays como elementos.

JavaScript

let matriz = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];

Conclusão

Arrays no Javascript: Os arrays são uma estrutura de dados fundamental em JavaScript, permitindo que você organize e manipule dados de forma eficiente. Ao dominar os conceitos básicos e os métodos de arrays, você estará apto a criar aplicações mais complexas e dinâmicas.

Toda jornada tem um início, e o início para se tornar um desenvolvedor web é dominar as seguintes tecnologias, que você encontra aqui mesmo:

E se você gosta do nosso conteúdo, não deixe de contribuir adquirindo os serviços e produtos dos nossos apoiadores e empresas que somos associados: