Array: mudanças entre as edições
imported>Fargoud |
imported>Fargoud |
||
| Linha 87: | Linha 87: | ||
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. | alguns dados para o usuário e os imprima em tela, um por linha. | ||
------------------------------------- | |||
{| border="1" cellpadding="5" cellspacing="0" | |||
! style="background: #cdc5bf;" | [[Tipos_de_Dados_JS | << AULA 2 - Tipos de Dados]] | |||
! style="background: #cdc5bf;" | AULA 4 - ARRAY | |||
! style="background: #cdc5bf;" | [[Array | AULA 4 - Array>> ]] | |||
|} | |||
[[JS_-_A_Linguagem_de_programação_JavaScript | <<= Página do curso ]] | |||
Edição das 16h09min de 20 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.
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:
Í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 utilizando o nome do array e seu índice entre chaves como no exemplo acima. Se você atri dois valores a um mesmo índice, o mesmo será substituído. Índices Associativos Índices Associativos funcionam como os numéricos, mas ao invés de números, strings são utilizados para sinalizar um índice.
Í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 utilizando o nome do array e seu índice entre chaves como no exemplo acima. Se você atri dois valores a um mesmo índice, o mesmo será substituído. Índices Associativos Í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 contato@mayckxavier.com array é possível colocar vários valores diferentes. Página 8 de 21 numéricos ou atribuir Mayck Xavier Pegando dados externos 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 alguns dados para o usuário e os imprima em tela, um por linha.
| << AULA 2 - Tipos de Dados | AULA 4 - ARRAY | AULA 4 - Array>> |
|---|
