POLITÉCNICO

DO PORTO ALGORITMIA
ESMAD DTAM
POLITÉCNICO DO PORTO ALGORITMIA
ESMAD DTAM

Arrays
1. Definição
2. Inicialização
3. Iteração
4. Principais métodos
POLITÉCNICO DO PORTO ALGORITMIA
ESMAD DTAM

Arrays
• Tipos de dados em JavaScript
POLITÉCNICO DO PORTO ALGORITMIA
ESMAD DTAM

Arrays
• Arrays são usados para armazenar múltiplos valores numa única
variável
• Ao contrário de outros tipos, arrays são considerados uma coleção
ordenada, com os valores guardados como 1º, 2º, 3º … elementos de
um array
– https://developer.mozilla.org/pt-
BR/docs/Web/JavaScript/Reference/Global_Objects/Array
POLITÉCNICO DO PORTO ALGORITMIA
ESMAD DTAM

Arrays
Inicialização
1. Usando a sintaxe de colchetes []
2. Usando o construtor do objeto Array

• A propriedade length de um array devolve o número de elementos

que o array contém
POLITÉCNICO DO PORTO ALGORITMIA
ESMAD DTAM

Arrays
Acesso a elementos
• Os arrays começam com índice zero: o 1º elemento de um array está
na posição 0 e o último elemento está na posição equivalente ao
valor da propriedade length (tamanho) menos 1
POLITÉCNICO DO PORTO ALGORITMIA
ESMAD DTAM

Arrays
Acesso a elementos
• Também é possível usar o método de arrays at(index),
onde index é o índice do elemento
– array[i] === array.at(i), se i >=0
– Se i<0, a contagem dos elementos é feita de trás para frente: e.g. array.at(-
1) retorna o último elemento do array
POLITÉCNICO DO PORTO ALGORITMIA
ESMAD DTAM

Arrays
Modificar/acrescentar
• A sintaxe de colchetes também pode ser usada para modificar um
elemento ou acrescentar um novo elemento
POLITÉCNICO DO PORTO ALGORITMIA
ESMAD DTAM

Arrays
Modificar/acrescentar
• Em JS, a inserção de elementos num array não requer que todos as
posições anteriores estejam 'preenchidas', podendo assim conter
'buracos'
POLITÉCNICO DO PORTO ALGORITMIA
ESMAD DTAM

Arrays
Iteração
• Uso do ciclo for tradicional
POLITÉCNICO DO PORTO ALGORITMIA
ESMAD DTAM

Arrays
Iteração
• Uso do ciclo for...of (este método não dá acesso ao índice do
elemento atual durante o cicle, apenas o seu valor – suficiente na
generalidade das situações)
POLITÉCNICO DO PORTO ALGORITMIA
ESMAD DTAM

Arrays
Iteração
• Uso do método forEach (método de arrays, que executa uma dada
função para cada elemento desse array)
POLITÉCNICO DO PORTO ALGORITMIA
ESMAD DTAM

Arrays
Iteração
• Uso do método forEach (método de arrays, que executa uma dada
função para cada elemento desse array)
POLITÉCNICO DO PORTO ALGORITMIA
ESMAD DTAM

Arrays
Iteração
• Uso do método forEach (método de arrays, que executa uma dada
função para cada elemento desse array)
POLITÉCNICO DO PORTO ALGORITMIA
ESMAD DTAM

Arrays - métodos
• Modificadores: fill, pop, push, reverse, shift, sort, splice,
unshift
• Acesso: concat, contains, join, slice, indexOf, lastIndexOf
• Iteração: forEach, entries, every, some, filter
• ...
POLITÉCNICO DO PORTO ALGORITMIA
ESMAD DTAM

Arrays - métodos
• indexOf(element[,startIndex]): retorna o primeiro índice em
que o elemento element pode ser encontrado no array
– retorna -1 caso o elemento não esteja presente no array
– Se especificado, startIndex é índice apartir do qual é iniciada a pesquisa
POLITÉCNICO DO PORTO ALGORITMIA
ESMAD DTAM

Arrays - métodos
• shift(): remove o primeiro elemento de um array e retorna esse
elemento (este método altera o array inicial)
POLITÉCNICO DO PORTO ALGORITMIA
ESMAD DTAM

Arrays - métodos
• unshift(elem1[,…, elemN]): adiciona um ou mais elementos no
início de um array e retorna o novo comprimento desse array
POLITÉCNICO DO PORTO ALGORITMIA
ESMAD DTAM

Arrays - métodos
• push(elem1[,…, elemN]): adiciona um ou mais elementos ao final
de um array e retorna o novo comprimento desse array
POLITÉCNICO DO PORTO ALGORITMIA
ESMAD DTAM

Arrays - métodos
• pop(): remove o último elemento de um array e retorna o elemento
removido
POLITÉCNICO DO PORTO ALGORITMIA
ESMAD DTAM

Arrays - métodos
• sort(): ordena os elementos de um array (os elementos são
convertidos para string e só depois são ordenados)
POLITÉCNICO DO PORTO ALGORITMIA
ESMAD DTAM

Arrays - métodos
• reverse(): inverte os itens de um array
POLITÉCNICO DO PORTO ALGORITMIA
ESMAD DTAM

Arrays - métodos
• splice(index[,deleteNb, elem1,...]): altera um array, apartir
do índice index, adicionando os elementos elem1,... e removendo
os elementos num total de deleteNb
– O método retorna um array contendo os elementos removidos
POLITÉCNICO DO PORTO ALGORITMIA
ESMAD DTAM

Arrays - métodos
• concat(params): retorna um novo array contendo todos os arrays ou
valores passados como parâmetro
POLITÉCNICO DO PORTO ALGORITMIA
ESMAD DTAM

Arrays - métodos
• join([separator]): junta todos os elementos de um array em uma
string e retorna essa string
– Se separator for omitido todos os elementos são separados por uma vírgula