Vetor é um tipo dado que armazena dados justapostos. Esse tipo de dado é derivado de outros tipos de primitivos como string, boolean e Number e é baseado em índice-zero e também definidos pelo usuário.

Nesta parte do tutorial, vamos estudar vetores como estrutura estática, sem aumento ou redução de seu tamanho. Em JavaScript EDD: Array vamos estudar os métodos para manipular arrays como estrurura de dados dinâmica.

A declaração de um array em JS é feita utilizando [ e ] como delimitadores e os elementos separados por (,). Vetores em JS podem conter tipos de dados heterogêneos.

Sintaxe

let variavel = [ elem1, elem2,elemN ];

Exemplo 1

let x = ["uma","string","qualquer"]
x = [1,"string",NaN];
console.log(x);

Saída

[ 1, 'string', NaN ]

Como os vetores em JS são baseados em índice-zero, seus elementos podem ser acessados utilizando seus índices que são passados como argumentos para o indexador [].

Sintaxe

nome_variavel[indice];

Exemplo 2

let x = ["uma","string","qualquer"]
console.log(x[1]);

Saída

string

Os arrays em JS são mutáveis, dessa forma podemos acessar seus elementos utilizando seus índices e alterá-los, atribuindo um novo valor com o operador (=).

Sintaxe

nome_variavel[indice] = valor

Exemplo 3

let x = ["uma","string","qualquer"];
console.log(x);
x[1] = "STRING";
console.log(x);

Saída

[ 'uma', 'string', 'qualquer' ]
[ 'uma', 'STRING', 'qualquer' ]

Para percorrer os elementos de um array, utilizamos os comandos de repetição visto anteriormente. Os comandos for e for-in podem ser utilizados, por exemplo.

Exemplo 4

let x = ["uma","string","qualquer"];

for (var i = 0; i < 3; i++) {
  console.log(x[i]);
}

for ( let s in x)
    console.log(s,":",x[s])

Saída

uma
string
qualquer
0 : uma
1 : string
2 : qualquer

Utilizando a propriedade length de um vetor, conseguimos recuperar sua quantidade ou número de elementos contidos.

Sintaxe

nome_variavel.length;

Retorno

Number contendo o número de elementos de nome_variavel

Exemplo 5

let x = ["uma","string","qualquer"];

console.log(x.length);

Saída

3

O atributo length também pode ser utilizada para redimensionar nossos vetores. Para isso, basta atribuir um valor inteiro que define o novo tamanho.

Sintaxe

nome_variavel.length = novo_tamanho;

Exemplo 6

let x = ["uma","string","qualquer"];

x.length = 2;

for (var i = 0; i < x.length; i++) {
  console.log(x[i]);
}

Saída

uma 
string

O uso vetores como parâmetros, argumentos e retorno de funções é feito de forma semelhante aos outros tipos de dados estudados em JavaScript Básico: Funções.

Exemplo 7

function funcao(vetor)
{
    console.log(vetor);
    let b = [ "a",1.99,[1,2]];
    return b;
}

let v = [1,2,3];
let r = funcao(v);
console.log(r);

Saída

[ 1, 2, 3 ]
[ 'a', 1.99, [ 1, 2 ] ]

A cópia básico de vetores em JS pode ser feita com o comando for onde trasnferimos o conteúdo de um vetor origem para um vetor destino, como no exemplo mostrado abaixo:

Exemplo 8

let origem = [1,2,3]
let destino = []; //[0,0,0]

for(i=0; i< origem.length ; i++)
    destino[i] = origem[i];
    
console.log(destino);

Saída

[ 1, 2, 3 ]

Utilizando o operador (...) podemos realizar a mesma cópia de forma mais simples e "limpa", como pode ser visto abaixo:

Exemplo 9

let origem = [1,2,3]
let destino = []; //[0,0,0]

destino = [...origem];
    
console.log(destino);

Saída

[ 1, 2, 3 ]  

A classe Array de JS fornece um conjunto de métodos para manipulação Array como: concatenação, filtro, preenchimento e outros. Abaixo os métodos disponíveis nessa classe.

1. 18/08/2025 - revisão 5 - adição de métodos classe Array
2. 15/08/2025 - revisão 4 - Ajustes: pontuais, sintaxe e objetivos, for-in em Ex. 4 navegação próximo, Ex.5 e saída
3. 26/09/2024 - revisão 3 - Adição: cópia com (...); ajustes gramaticais pontuais
4. 02/09/2024 - revisão 2 - Correção em links de objetivos
5. 05/10/2023 - revisão 1 - Correção em layout, navegação e erros gramaticais
6. 31/05/2023 - versão inicial