SlideShare uma empresa Scribd logo
1 / 13
JavaScript
Aula 08
2 / 13
JavaScript - Objeto Array
● Um ARRAY é um grupo de itens que são tratados como
uma única variável lembre-se dos vetores em lógica de
programação tem o mesmo objetivo.
● Um exemplo que iremos tratar em JavaScript, é o
grupo de meses do ano estarem dentro de um array
chamado meses.
● Os elementos de um array podem ser strings, números,
objetos ou outros tipos de dados.
3 / 13
JavaScript - Objeto Array
● Para que se possa declarar um array, use a
seguinte sintaxe:
– NomeArray = new Array(numElementos)
– EX:
● Meses = new Array(12);
4 / 13
JavaScript - Objeto Array
● Outros tipos de declaração do Array:
– var elementos = [elem01,elem02,elem03 ...];
– var elementos = [
elem01,
elem02,
elem03,
];
5 / 13
JavaScript - Objeto Array
● Outros tipos de declaração do Array:
– var cars = new Array ("Saab", "Volvo", "BMW");
– Meses = new Array (“janeiro”,“fevereiro”,“março”,“abril”,“maio”);
6 / 13
Para acessar o ARRAY
7 / 13
InnerHTML
● A propriedade Element.innerHTML define ou obtém
a sintaxe HTML descrevendo os elementos
descendentes.
8 / 13
Metodos dos ARRAYS
● Metodo length:
– Usado para saber o tamanho do Array.
– EX:
var fruits = ["Banana", "Orange", "Apple",
"Mango"];
fruits.length;
● Retorna 4
9 / 13
Metodos dos ARRAYS
● Metodo sort():
– Usado para pegar todos os elementos do
ARRAY.
– EX:
var fruits = ["Banana", "Laranja", "Maçâ",
"Manga"];
var sort = fruits.sort();
● Retorna Banana,Laranja,Maçâ,Manga
10 / 13
Metodos dos ARRAYS
● Adicionando elementos no ARRAY:
– push(elemento);
– EX:
var frutas = ["Banana", "Laranja", "Maçâ",
"Manga"];
fruta.push("Limão");
11 / 13
JavaScript - Objeto Array
● Quando atribuído o número de elementos no array,
é necessário declarar os elementos que farão parte
do mesmo. Vejamos o exemplo abaixo:
12 / 13
JavaScript - Objeto Array
13 / 13
EXERCÍCIO
1.Crie um Script que Array que cadastre as 4 notas
de um aluno e escreva o nome as notas e a sua
media.
2.Crie um array que armazene os números pares de
1 ate 100
3.Crie um array que armazene um nome de 10
alunos e escreva-os na tela.

Mais conteúdo relacionado

ODP
Aula15 - Array PHP
PDF
(A11b) LabMM3 - JavaScript - Arrays
ODT
Lista Exercicios 05
PDF
Aula01
PDF
Lista de exercicios vetores, matrizes, registros e sub-algoritmos
PDF
Algoritmos e Programação: Matrizes
PPTX
02 algoritmo
PPTX
Curso de C# - Variáveis, operadores e expressões
Aula15 - Array PHP
(A11b) LabMM3 - JavaScript - Arrays
Lista Exercicios 05
Aula01
Lista de exercicios vetores, matrizes, registros e sub-algoritmos
Algoritmos e Programação: Matrizes
02 algoritmo
Curso de C# - Variáveis, operadores e expressões

Mais procurados (12)

PPTX
Algoritmos: Variáveis e Constantes
PDF
Lista de exercicios algoritmos com pseudocodigo
PDF
PDF
Descritiva Narrativa (Lógica de Programação)
PPT
Lógica de Programação - Estrutura algoritmo
PDF
Aula 5 aed - matrizes
PPT
Material de Apoio de Algoritmo e Lógica de Programação
PPT
Lógica de Programação - Operadores
PDF
1º introdução a lógica de programação
PDF
04 - Operadores lógicos e expressões lógicas - v1.2
DOC
Algoritmos
PPTX
Curso Básico de Java - Aula 5
Algoritmos: Variáveis e Constantes
Lista de exercicios algoritmos com pseudocodigo
Descritiva Narrativa (Lógica de Programação)
Lógica de Programação - Estrutura algoritmo
Aula 5 aed - matrizes
Material de Apoio de Algoritmo e Lógica de Programação
Lógica de Programação - Operadores
1º introdução a lógica de programação
04 - Operadores lógicos e expressões lógicas - v1.2
Algoritmos
Curso Básico de Java - Aula 5
Anúncio

Semelhante a Aula08 - Java Script (8)

PPT
Java básico - Módulo 06: Array
PDF
Estruturas de dados e técnicas de programação
PPT
PHP - Arrays
PPTX
Linguagem C - Vetores
PPTX
Lição - Arryas_E_Funcoes em linguagem de programacao- C.pptx
PPTX
Arrays / Vetores / Matrizes em programação
PDF
PHP 5.3 - Arrays
Java básico - Módulo 06: Array
Estruturas de dados e técnicas de programação
PHP - Arrays
Linguagem C - Vetores
Lição - Arryas_E_Funcoes em linguagem de programacao- C.pptx
Arrays / Vetores / Matrizes em programação
PHP 5.3 - Arrays
Anúncio

Mais de Jorge Ávila Miranda (20)

ODP
Aula16 - Jquery
ODP
Aula13 - Estrutura de repetição (for e while) - PHP
ODP
Aula14 - Funções em PHP
ODP
Aula Herança
ODP
Aula05 - Poojava
ODP
ODP
Aula11 - PHP
ODP
ODP
Aula09 - Java Script
ODP
Aula07 - JavaScript
ODP
Aula04-POOJAVA
ODP
Aula06 - JavaScript
ODP
Aula05-JavaScript
ODP
Aula04-JavaScript
ODP
Aula03 - JavaScript
ODP
Aula02 - JavaScript
ODP
Aula01-JavaScript
ODP
Aula07 - Arquitetura e Manutenção de Computadores
ODP
Aula06 - Arquitetura e Manutenção de Computadores
ODP
Aula05 - Informática Básica
Aula16 - Jquery
Aula13 - Estrutura de repetição (for e while) - PHP
Aula14 - Funções em PHP
Aula Herança
Aula05 - Poojava
Aula11 - PHP
Aula09 - Java Script
Aula07 - JavaScript
Aula04-POOJAVA
Aula06 - JavaScript
Aula05-JavaScript
Aula04-JavaScript
Aula03 - JavaScript
Aula02 - JavaScript
Aula01-JavaScript
Aula07 - Arquitetura e Manutenção de Computadores
Aula06 - Arquitetura e Manutenção de Computadores
Aula05 - Informática Básica

Último (16)

PDF
Processos na gestão de transportes, TM100 Col18
PDF
COBITxITIL-Entenda as diferença em uso governança TI
PDF
Custos e faturamento no SAP S/4HANA Transportation Management, S4TM3 Col26
PPTX
Arquitetura de computadores - Memórias Secundárias
PPTX
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx
PDF
Gestão de transportes básica no SAP S/4HANA, S4611 Col20
PDF
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
PDF
Fullfilment AI - Forum ecommerce 2025 // Distrito e Total Express
PDF
Fundamentos de gerenciamento de ordens e planejamento no SAP TransportationMa...
PPTX
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
PDF
20250805_ServiceNow e a Arquitetura Orientada a Serviços (SOA) A Base para Ap...
PDF
Mergulho profundo técnico para gestão de transportes no SAP S/4HANA, S4TM6 Col14
PPTX
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
PPTX
Programação - Linguagem C - Variáveis, Palavras Reservadas, tipos de dados, c...
PDF
Otimizador de planejamento e execução no SAP Transportation Management, TM120...
PDF
Custos e liquidação no SAP Transportation Management, TM130 Col18
Processos na gestão de transportes, TM100 Col18
COBITxITIL-Entenda as diferença em uso governança TI
Custos e faturamento no SAP S/4HANA Transportation Management, S4TM3 Col26
Arquitetura de computadores - Memórias Secundárias
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx
Gestão de transportes básica no SAP S/4HANA, S4611 Col20
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
Fullfilment AI - Forum ecommerce 2025 // Distrito e Total Express
Fundamentos de gerenciamento de ordens e planejamento no SAP TransportationMa...
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
20250805_ServiceNow e a Arquitetura Orientada a Serviços (SOA) A Base para Ap...
Mergulho profundo técnico para gestão de transportes no SAP S/4HANA, S4TM6 Col14
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
Programação - Linguagem C - Variáveis, Palavras Reservadas, tipos de dados, c...
Otimizador de planejamento e execução no SAP Transportation Management, TM120...
Custos e liquidação no SAP Transportation Management, TM130 Col18

Aula08 - Java Script

  • 2. 2 / 13 JavaScript - Objeto Array ● Um ARRAY é um grupo de itens que são tratados como uma única variável lembre-se dos vetores em lógica de programação tem o mesmo objetivo. ● Um exemplo que iremos tratar em JavaScript, é o grupo de meses do ano estarem dentro de um array chamado meses. ● Os elementos de um array podem ser strings, números, objetos ou outros tipos de dados.
  • 3. 3 / 13 JavaScript - Objeto Array ● Para que se possa declarar um array, use a seguinte sintaxe: – NomeArray = new Array(numElementos) – EX: ● Meses = new Array(12);
  • 4. 4 / 13 JavaScript - Objeto Array ● Outros tipos de declaração do Array: – var elementos = [elem01,elem02,elem03 ...]; – var elementos = [ elem01, elem02, elem03, ];
  • 5. 5 / 13 JavaScript - Objeto Array ● Outros tipos de declaração do Array: – var cars = new Array ("Saab", "Volvo", "BMW"); – Meses = new Array (“janeiro”,“fevereiro”,“março”,“abril”,“maio”);
  • 6. 6 / 13 Para acessar o ARRAY
  • 7. 7 / 13 InnerHTML ● A propriedade Element.innerHTML define ou obtém a sintaxe HTML descrevendo os elementos descendentes.
  • 8. 8 / 13 Metodos dos ARRAYS ● Metodo length: – Usado para saber o tamanho do Array. – EX: var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.length; ● Retorna 4
  • 9. 9 / 13 Metodos dos ARRAYS ● Metodo sort(): – Usado para pegar todos os elementos do ARRAY. – EX: var fruits = ["Banana", "Laranja", "Maçâ", "Manga"]; var sort = fruits.sort(); ● Retorna Banana,Laranja,Maçâ,Manga
  • 10. 10 / 13 Metodos dos ARRAYS ● Adicionando elementos no ARRAY: – push(elemento); – EX: var frutas = ["Banana", "Laranja", "Maçâ", "Manga"]; fruta.push("Limão");
  • 11. 11 / 13 JavaScript - Objeto Array ● Quando atribuído o número de elementos no array, é necessário declarar os elementos que farão parte do mesmo. Vejamos o exemplo abaixo:
  • 12. 12 / 13 JavaScript - Objeto Array
  • 13. 13 / 13 EXERCÍCIO 1.Crie um Script que Array que cadastre as 4 notas de um aluno e escreva o nome as notas e a sua media. 2.Crie um array que armazene os números pares de 1 ate 100 3.Crie um array que armazene um nome de 10 alunos e escreva-os na tela.