Array: mudanças entre as edições

De IFSC
Ir para navegação Ir para pesquisar
imported>Fargoud
imported>Fargoud
 
(19 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
=''Arrays'' (Vetores) JS=
=''Arrays'' (Vetores) JS=


''Arrays'' são as [https://matematicabasica.net/matrizes/ matrizes unidimensionais] (com apenas uma linha, ou uma coluna) que aprendemos na escola, isto é, são "conjuntos ordenados de valores".
''Arrays'' são as [https://matematicabasica.net/matrizes/ matrizes] que aprendemos na escola, isto é, são "conjuntos ordenados de valores".


Os Arrays são pares do tipo inteiro-valor para se mapear valores a partir de um índice numérico.  
Os Arrays são pares do tipo inteiro-valor para se mapear valores a partir de um '''índice'''.  


Um exemplo bem simples de array é a lista de notas dos alunos de uma turma, onde cada nota é identificada pelo número do aluno.
Um exemplo bem simples de array é a lista de notas dos alunos de uma turma, onde cada nota é identificada pelo número do aluno.


Em JavaScript os Arrays são [https://www.devmedia.com.br/poo-trabalhando-com-classes-e-objetos-em-javascript/28434#:~:text=JavaScript%20%C3%A9%20uma%20linguagem%20de,que%20cont%C3%A9m%20propriedades%20e%20m%C3%A9todos. objetos] com métodos próprios.
Em JavaScript os Arrays são [https://www.devmedia.com.br/poo-trabalhando-com-classes-e-objetos-em-javascript/28434#:~:text=JavaScript%20%C3%A9%20uma%20linguagem%20de,que%20cont%C3%A9m%20propriedades%20e%20m%C3%A9todos. objetos] com métodos próprios. E, por serem objetos, ao contrário das matrizes da escola, podem ter tipos de dados diferentes, em cada elemento.


Um objeto do tipo Array serve para se guardar uma coleção de ítens em uma única variável.
Um objeto do tipo Array serve para se guardar uma coleção de ítens em uma única variável.
Linha 13: Linha 13:
==SINTAXE==
==SINTAXE==


Para utilizar um array é necessário que este seja declarado da seguinte forma:
Para utilizar um array é necessário que este seja <u>declarado</u> da seguinte forma:




Linha 19: Linha 19:




Após isso basta atribuir valores aos seus índices, que podem ser
Após isso, basta atribuir valores aos seus índices, que podem ser numéricos, ou
associativos.
associativos.


==EXEMPLOS==
 
==Exemplos==


   let vararr1 = new Array();  // Por ser um objeto podemos usar o "new" em sua criação
   let vararr1 = new Array();  // Por ser um objeto podemos usar o "new" em sua criação
Linha 33: Linha 34:
   let vararr4 = new Array(4); // Dessa forma criamos um array vazio de 4 posições.
   let vararr4 = new Array(4); // Dessa forma criamos um array vazio de 4 posições.


==Índices Numéricos==
São os índices de um array representados por números.


Em JS, o primeiro índice de cada array é o zero ('''0''').


Índices Numéricos
São os índices de um array representados por números.
Do mesmo modo que você atribui valores aos índices, você pode acessar seus valores
Do mesmo modo que você atribui valores aos índices, você pode acessar seus valores
utilizando o nome do array e seu índice entre chaves como no exemplo acima. Se você atri
utilizando o nome do array e seu índice entre chaves.  
dois valores a um mesmo índice, o mesmo será substituído.
 
Índices Associativos
[[image: ExemplArrays6.png|center]]
 
Se você atribui dois valores a um mesmo índice, o primeiro valor será substituído pelo segundo.
 
==Índices Associativos==
 
Índices Associativos funcionam como os numéricos, mas ao invés de números, strings são
Índices Associativos funcionam como os numéricos, mas ao invés de números, strings são
utilizados para sinalizar um índice.
utilizadas para sinalizar um índice.
Algoritmos em JavaScript
 
contato@mayckxavier.com
 
array é possível colocar vários valores diferentes.
[[image: ExemplArrays7.png|center]]
Para utilizar um array é necessário que antes de atribuir valores aos seus índices (Um índice é
 
um espaço dentro do array onde podemos armazenar dados), você o declare com o comando
==Atribuindo valores ao Array==
“new Array()”. Após isso basta atribuir valores aos seus índices, que podem ser
 
associativos.
Para atribuir valores e acessar as variáveis dentro de um array, basta usar o nome do array e o índice da variável (objeto/método/atributo) que se deseja acessar.
Índices Numéricos
 
São os índices de um array representados por números.
===Exemplo===
Do mesmo modo que você atribui valores aos índices, você pode acessar seus valores
 
utilizando o nome do array e seu índice entre chaves como no exemplo acima. Se você atri
vararr1[0] = "Curso de JavaScript - Projeto Meninas Cientistas 2022";
dois valores a um mesmo índice, o mesmo será substituído.
vararr2[1] = 15; //muda o valor do 2o elemento do array ''varrar2''
Índices Associativos
document.write(vararr3[1]);  //imprime o conteúdo de varra3[1]
Índices Associativos funcionam como os numéricos, mas ao invés de números, strings são
 
utilizados para sinalizar um índice.
 
Algoritmos em JavaScript
Todas estas declarações e atribuições resultarão em algo tipo:
contato@mayckxavier.com
 
array é possível colocar vários valores diferentes.
[[image: Exarrays0.png|center]]
Página 8 de 21
 
numéricos ou
 
atribuir
 
Mayck Xavier
 
Pegando dados externos
=Exercício=
Como já falamos anteriormente, para um programa funcionar ele deve ter uma entrada de
dados para que eles sejam processados e serem enviados para uma saída. Utilizando
comando “window.prompt” do seguinte modo:
Ao executar o código acima, serão exibidas duas janelas no
comando “window.prompt” e o que for digitado será inserido na variável correspondente.
A opção “Impedir que esta página crie caixas de diálogo adicionais” foi adicionada pelo próprio
navegador.
Agora que podemos pegar dados dos
programas comecem a ter vida.
Exercício:
1 – Utilize as caixas de prompt (window.prompt) e faça um pequeno programa que peça
1 – Utilize as caixas de prompt (window.prompt) e faça um pequeno programa que peça
alguns dados para o usuário e os imprima em tela, um por linha.
dados dos alunos de uma turma (Nome e Sobrenome, turma/série, número de matrícula e ainda dia, mês e ano de nascimento) e os imprima em tela, um registro de aluno por linha.
 
 
 
-------------------------------------
 
{| border="1" cellpadding="5" cellspacing="0"
! style="background: #cdc5bf;" | [[Operadores | << AULA 3 - Operadores]]
! style="background: #cdc5bf;" | AULA 4 - ARRAY
! style="background: #cdc5bf;" | [[Eventos | AULA 5 - Eventos >> ]]
|}
 
[[JS_-_A_Linguagem_de_programação_JavaScript | <<= Página do curso ]]

Edição atual tal como às 11h01min de 26 de abril de 2022

Arrays (Vetores) JS

Arrays são as matrizes que aprendemos na escola, isto é, são "conjuntos ordenados de valores".

Os Arrays são pares do tipo inteiro-valor para se mapear valores a partir de um índice.

Um exemplo bem simples de array é a lista de notas dos alunos de uma turma, onde cada nota é identificada pelo número do aluno.

Em JavaScript os Arrays são objetos com métodos próprios. E, por serem objetos, ao contrário das matrizes da escola, podem ter tipos de dados diferentes, em cada elemento.

Um objeto do tipo Array serve para se guardar uma coleção de ítens em uma única variável.

SINTAXE

Para utilizar um array é necessário que este seja declarado da seguinte forma:


let variavel_array = new Array();


Após isso, basta atribuir valores aos seus índices, que podem ser numéricos, ou associativos.


Exemplos

 let vararr1 = new Array();  // Por ser um objeto podemos usar o "new" em sua criação
 let vararr2 = new Array(elem1,elem2, ... ,elemN); // Dessa forma criamos um array já 
                                                   // iniciado com elementos.
 let vararr3 = [1,2,3,4]; // outra forma é iniciar um array com elementos sem usar o "new".
 let vararr4 = new Array(4); // Dessa forma criamos um array vazio de 4 posições.

Índices Numéricos

São os índices de um array representados por números.

Em JS, o primeiro índice de cada array é o zero (0).

Do mesmo modo que você atribui valores aos índices, você pode acessar seus valores utilizando o nome do array e seu índice entre chaves.

ExemplArrays6.png

Se você atribui dois valores a um mesmo índice, o primeiro valor será substituído pelo segundo.

Índices Associativos

Índices Associativos funcionam como os numéricos, mas ao invés de números, strings são utilizadas para sinalizar um índice.


ExemplArrays7.png

Atribuindo valores ao Array

Para atribuir valores e acessar as variáveis dentro de um array, basta usar o nome do array e o índice da variável (objeto/método/atributo) que se deseja acessar.

Exemplo

vararr1[0] = "Curso de JavaScript - Projeto Meninas Cientistas 2022";
vararr2[1] = 15; //muda o valor do 2o elemento do array varrar2
document.write(vararr3[1]);   //imprime o conteúdo de varra3[1]


Todas estas declarações e atribuições resultarão em algo tipo:

Exarrays0.png



Exercício

1 – Utilize as caixas de prompt (window.prompt) e faça um pequeno programa que peça dados dos alunos de uma turma (Nome e Sobrenome, turma/série, número de matrícula e ainda dia, mês e ano de nascimento) e os imprima em tela, um registro de aluno por linha.



<< AULA 3 - Operadores AULA 4 - ARRAY AULA 5 - Eventos >>

<<= Página do curso