Introdução ao JavaScript - Parte IV

O que vamos aprender?

Na quarta parte do Curso Introdutório da Trybe, você aprenderá uma das principais
estruturas de dados disponíveis no JavaScript , o Array .
Você também vai aprender como implementar uma estrutura de repetição
utilizando o comando for .

Você será capaz de:

● Manipular arrays;
● Automatizar um código repetitivo utilizando o comando for .

1. Arrays

Você já aprendeu que as variáveis em JavaScript são recipientes ou containers

para os dados, por exemplo:

Os Arrays são estruturas utilizadas para armazenar múltiplos valores em uma única
variável.

Veja o vídeo abaixo para aprender sobre Arrays em JavaScript .

Array é uma estrutura capaz de armazenar uma um conjunto de valores, como uma
lista. imagine então que você quer fazer uma lista com varios nomes dos
convidados de uma festa, nesse caso seria melhor fazer uma array do que fazer
uma variável para cada um. pois com os arrays poderá armazenar de forma mais
estruturada e manipulá-los com mais facilidade.

como fazer um array, faça uma variavel e coloque entre colchetes [ ], lembre-se de
colocar entre aspas cada string e separar por virgulas.
Agora, ao colocar o nome do array aparecerá a última linha, com o tamanho do array
que é a quantidade de de arrays e cada de seus elementos. e cada elemento do
array é armazenado com um número de indice. ficando no exemplo abaixo “Joana”
na posição 0, “Maria” na posição 1, “Lucas” na posição 2. as opossições dos arrays
começam no 0.

descobrir um elemento em uma posição especifica do array- coloque o nome da

variável, espaço e entre colchetes [ ] a posição que deseja descobrir.

lembre-se sempre que a posição dos array começa na posição zero 0.

Adicionar um novo elemento dentre de uma array- você usará o nome da variável
.push. usando o exemplo acima da lista. vamos testar

pronto agora quando digitar o nome da variável

descobrir o tamanho de uma array- coloque o nome da variável e .length , tudo

junto aparecerá a quantidade de elemento na array. lenght significa comprimento
em ingles.

você também poderá criar uma variável para armazenar o tamanho a colocando
igual ao nome da variável que queremos saber .length.
lembre-se que o tamanho se conta normalmente enquanto a posição começa do 0
sendo número -1.

então para saber o ultimo elemento de uma array pode usar o nome da variavel e ao
invés de digitar a posição que quer colocar nome da variável entre colchetes o
[nome da variável com .length - 1], ao utilizar esse comando vai aparecer o ultimo
elemento do array.

para o penúltimo use -2, antepenúltimo -3.

array ainda podem conter números, valores boleanos(true/false), e varios tipos em

um unico string, string,numero e valores boleanos ao mesmo tempo.

exercicio
concatenação de string
Na Parte II do curso, você aprendeu que as strings são um dos tipos primitivos em
JavaScript , certo?! Agora, vamos falar um pouco mais sobre elas e mostrar como
elas podem ser parecidas com os Arrays.

concatenação de string é a propriedade, que se pode fazer com duas strings com o
sinal de +. Enquanto com números o sinal de + irá fazer uma adição.

com strings o sinal de + é diferente ele irá uni-las, fazer uma concatenação,
concatená-las.
podemos então criar uma variável com uma string “ ” e concatena-las. lembre de
quando unir nomes separados concatenar um espaço vazio entre eles “ “.

Posições em uma string

uma “string” também tem posições como uma array. o tamanho de uma string pode
ser acessada pelo nomeDaVariavel.length, mostrando a quantidade de caracteres
da string. OBS: espaços entre os caracteres serão contados normalmente.
OBS: lembre-se que a primeira posição é o 0.

O último caractere da string poderá ser acessada por [nomeDaVariavel.length - 1]

como se faz com as arrays.

outro exemplo:

concatenando as posições 0,1,2 da variável mesDeNascimento do exemplo acima.

2. Estruturas de repetição (FOR)
Agora chegou a hora de ver um dos conteúdos mais importantes para a realização
do desafio prático! Assista ao vídeo a seguir para entender como funciona o for , a
estrutura de repetição que a gente vai usar aqui no Curso Introdutório.

Se pedissem para você fazer a tabuada de 1 a 9 de um numero.

você poderia fazer escrevendo cada linha. mas seria trabalhoso, e se pedissem para
a tabuada ser de 1 a 100, então demoraria muito fazendo cada numero. nesses
casos é bom utilizar uma estrutura de repetição.

obs: lembre-se console.log é o comando para imprimir um valor no console do

JavaScript.
resultado após apertar enter

como utilizar o for

A forma mais comum de usar essa fórmula é a fórmula resumida. com no final
nomeDaVariavel++

Então podemos agora fazer nossa tabuada com o comando.

observe que o contador vai repetir enquanto contador <= a 9.

O código irá se repetir até a condição não ser possivel.
Agora vamos usar o for com arrays.

primeiro vamos criar uma variável array com os nomes Joana, Maria, Lucas.

Observe que colocamos para a variável índice começar em zero 0, porque como ele vai se
relacionar com uma array, a posição do elemento inicial da array é 0.

o fluxograma do FOR com array.

podemos fazer a mesma coisa sem fazer uma variável chamada mensagem, somente
usando o console.log e já o que quer que seja escrito.
quando fizer um for com array lembre-se
● lembre-se de deixar o contador < que o .length do array ou irá imprimir o
nome undefined.
● lembre-se de botar o contador começar no zero 0, pois array a primeira
posição é 0.

Vamos fixar melhor esse conceito fazendo exercícios? Mais um pouco de prática 😁:

Aqui, vai ser importante se lembrar do comando push , ensinado lá no vídeo sobre
Arrays. O push adiciona o valor que você desejar no final de um array. Por exemplo,
se eu tenho o seguinte código:

E eu quero adicionar o valor "mamão" no final desse array, eu posso utilizar o

comando push :

E o valor do array frutas passará a ser:

vamos aos exercicio

Esse exercício é para transformar uma string em uma array.

Recursos adicionais (opcional)

● Arrays
● Strings
● Estrutura de Repetição - For