Programação WEB 2

Trabalhando com Arrays, Objetos

Professor Flávio Mota

Programação WEB 2

Arrays - Variáveis indexadas: é uma estrutura de dados que armazena uma

coleção de elementos que possa ser identificado por um índice.

Vamos entender os Arrays unidimensional

Quando possuímos uma ordem e um índice de acesso aos elementos de
um conjunto, então temos caracterizado um vetor (Array).

Declaração do Array em var NOTA = []

javascript
Valores no Array 8 10 7,5 4 6

Índice do Array NOTA[0] NOTA[1] NOTA[2] NOTA[3] NOTA[4]

Professor Flávio Mota

 Programação
Professor: FlávioWEB
Mota2– Lógica de Programação - Javascript

Estrutura indexada – VETOR NO VISUALG

Os tipos homogêneos são conjuntos do mesmo tipo básico. A utilização desse tipo de estrutura de
dados recebe diversos nomes, tais como: variáveis indexadas, compostas, arranjos, tabelas em
memória, Arrays (do inglês) vetores e matrizes.

Quando possuímos uma ordem e um índice de acesso aos elementos de um conjunto então
temos caracterizado um vetor.

Declaração do Vetor NOTAS: vetor [1..5] de real

Valores do Vetor 8 10 7,5 4 6

Índice do vetor NOTAS[1] NOTAS[2] NOTAS[3] NOTAS[4] NOTAS[5]

Professor Flávio Mota

Programação WEB 2

Exemplo usando VETOR no VISUALG

algoritmo "Exemplo_Vetor"
// Autor: Flávio Mota
var
nomes: vetor [1..5] de caracter
i: inteiro
inicio

para i de 1 ate 5 faca

escreva ("Digite um texto: ")
leia (nomes[i])
fimpara

para i de 1 ate 5 faca

escreval (nomes[i])
fimpara

fimalgoritmo

Professor Flávio Mota

Programação WEB 2

Arrays - Variáveis indexadas: é uma estrutura de dados que armazena uma

coleção de elementos que possa ser identificado por um índice.

Vamos entender os Arrays unidimensional

Quando possuímos uma ordem e um índice de acesso aos elementos de
um conjunto, então temos caracterizado um vetor (Array).

Declaração do Array em var NOTA = []

javascript
Valores no Array 8 10 7,5 4 6

Índice do Array NOTA[0] NOTA[1] NOTA[2] NOTA[3] NOTA[4]

Professor Flávio Mota

Programação WEB 2

Exemplo de Array

Atribuindo valores ao Array NOTA

Mostrando os valores do Array usando a

estrutura de repetição FOR

Simplificando a iteração com o FOR OF

Flávio Mota
Professor Flávio Mota
Programação WEB 2

Lendo e mostrando um Array

Professor Flávio Mota

Programação WEB 2

Manipulando Arrays

Professor Flávio Mota

Programação WEB 2

Manipulando Arrays – Alguns dos métodos mais utilizados

Fonte: www.cfbcursos.com.br
Professor Flávio Mota
Programação WEB 2

FIXAÇÃO USANDO ARRAYS

Criar um script com 2 arrays, um para receber 5 nomes de

alunos e outro para receber 5 notas dos alunos, mostrar os
nomes e as notas digitadas, mostrar também a média total das
notas dos alunos usando o comando document.write().

Professor Flávio Mota

Programação WEB 2

Estrutura de dados - Objetos em Javascript

A linguagem Javascript é projetada com base em um simples paradigma orientado a objeto. Um

objeto é uma coleção de propriedades, e uma propriedade é uma associação entre um nome
(ou chave) e um valor.

Visão geral de objetos

Objetos em Javascript, assim como em muitas outras linguagens de programação, podem ser comparados
com objetos na vida real. O conceito de objetos em JavaScript pode ser entendido com objetos tangíveis da
vida real.

Objetos e propriedades
Um objeto em Javascript tem propriedades associadas a ele. Uma propriedade de um objeto pode ser
explicada como uma variável que é ligada ao objeto. Propriedades de objetos são basicamente as mesmas
que variáveis normais em Javascript, exceto pelo fato de estarem ligadas a objetos.

Fonte: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Trabalhando_com_Objetos

Professor Flávio Mota

Programação WEB 2

Estrutura de dados Objetos em Javascript

Declarando e atribuindo valores

as propriedades do objeto.

Fonte: https://www.w3schools.com/js/js_objects.asp
Professor Flávio Mota
Programação WEB 2

Estrutura de dados Objetos em Javascript

Professor Flávio Mota

Programação WEB 2

Estrutura de dados Objetos em Javascript

var meuCarro = new Object()

meuCarro.fabricacao = "Ford"
meuCarro.modelo = "Mustang"
meuCarro.ano = 1969

Outras formas de criar e atribuir

meuCarro["fabricacao"] = "Ford" valores a um objeto.
meuCarro["modelo"] = "Mustang"
meuCarro["ano"] = 1969

Fonte: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Trabalhando_com_Objetos
Professor Flávio Mota
Programação WEB 2

FIXAÇÃO USANDO OBJETOS JAVASCRIPT

Criar um objeto que representa um ALUNO com os seguintes dados:

Nome
RG
Nota01
Nota02
Nota03
Media
Situacao

O cadastro deve ser feito via PROMPT() com as seguintes observações:

• A propriedade situação vai receber um valor conforme as seguintes condições:
Média <= 5 = Reprovado, Média > 5 e <= 7 = recuperação e Média > 7 = Aprovado

Observação: Os dados podem ser apresentados em alert() ou document.write()

Professor Flávio Mota