Pular para o conteúdo principal

Postagens

JS - Estruturas de repetição - for

A exemplo do que já foi visto com o "while", o "for" nos permite repetir a execução de instruções dado uma lógica, a diferença é que com o "for" podemos definir todo lógica dessa repetição já dentro do comando, onde devemos informar o contador inicial, sua condição de saída e uma instrução que nos diga como o contador trabalha-rá, seja incrementando ou decrementando. Sintaxe for ( "inicio", "condicao de término", "expressao final" ) Exemplos Vamos construir um "loop" que repete dez vezes: for (var x = 0; x < 10; x++) {     console.log(x); } Podemos também ter mais de uma variável na estrutura, elaborando um pouco mais nosso controle: for (var x = 0, y = 1; x < 10 && x < y; x++, y++) {     console.log('x:' + x + ' y:' + y); }

JS - Um pouco mais sobre Arrays

No Javascript um "array" é na verdade um objeto, que possui suas propriedades e métodos, independente de seu conteúdo, e hoje falaremos de uma propriedade para recuperar o total de itens e de um método para incluir novos elementos. Propriedade length É a propriedade de um "array" que nos indica a quantidade de itens que existem atualmente nesse "array", com essa informação poderíamos, por exemplo, percorrer todos os elementos de um "array" por meio de um "loop": var arr = [ 10, 20, 30, 40, 50, 'Teste', true]; var pos = 0; while (pos < arr.length) {    console.log(arr[pos]);    pos++; } Método push Método usado para incluir elementos no final de um "array", sendo esses elementos números, textos, objetos, outros arrays ou até mesmo funções: arr.push(999); arr.push('Novo teste'); arr.push( { pessoa: 'Teresa'} ); arr.push( function primo(x) { return x % 2 === 0; }

JS - Operador módulo

Retorna o resto da divisão entre dois inteiros (matemática básica), enquanto o operador de divisão "/" nos retorna o resultado da divisão o operador de módulo "%" nos retorna o resto da divisão. 2 / 2; (resultado um) 2 % 2; (resto zero) 3 / 2; (resultado um e meio) 3 % 2; (resto um) Identificando números pares e impares O operador módulo "%" é muito usado para identificar se um número é impar ou par, pois, números pares quando divididos por dois não possuem resto, no exemplo abaixo iremos mostrar todos os números pares que estão entre zero e dez: var num = 0; while (num <= 10) {     (num % 2 === 0) ? console.log(num) : console.log('');      num++; }

JS - Estruturas de repetição - while

Estruturas de repetição (loop) repetem a execução de determinadas instruções enquanto a condição de parada não for atendida. É muito importante ter isso em mente, pois, uma estrutura de repetição com uma lógica errada pode levar o browser ao travamento, caso a condição de saída nunca seja atendida. Sintaxe Aqui temos a palavra reservada "while" seguida da condição de parada: while( "condição parada" ) {      "instruções a serem executadas enquanto condição de parada não for atendida"  } Exemplo Vamos exemplificar com a seguinte lógica, será criada uma variável e enquanto essa variável for menor que o valor dez deverão ser executadas o "print" do valor dessa varável e ela deve ser incrementada: var count = 0; while( count < 10 ) {     console.log(count);     count++; } Exemplo usando o conceito "truthy/falsy" Sabemos que o valor zero (0) é "falsy", logo caso seja necessário criar

JS - Operador vírgula

Esse operador une várias expressões em uma, comumente utilizado na declaração de variáveis em uma única linha, também pode ser usado no retorno de funções, onde a última expressão é retornada após a execução das anteriores. Na declaração de variáveis var x, y = 99, z; (aqui temos a declaração de três variáveis, sendo "x" e "z" do tipo "undefined" e a "y" numérica com o valor 99) No retorno de funções function teste(x) { return ( x += 1, x ); } (nessa função o valor passado por parâmetro é incrementado e em seguida retornado)

JS - Instruções condicionais - switch

O switch, a exemplo do "if", tem como finalidade a realização de um teste para determinar qual instrução deverá ser interpretada, ele é composto por um valor a ser testado e de um conjunto de possíveis hipóteses, também é possível determinar um fluxo padrão caso nenhuma das hipóteses seja verdadeira. Sintaxe Basicamente temos o "switch" para determinar o que será testado, o "case" para definir os possíveis resultados, o "break" para encerrar os testes caso uma das hipóteses seja verdadeira e o "default" para o caso de nenhuma das hipóteses ser verdadeira. É importante ressaltar do "break", se ele não for incluído as próximas hipóteses continuarão a ser testadas. switch( "valor" ){ case "hipótese 1": "instrução 1" break; case "hipótese 2": "instrução 2" break; default: "instrução default" break; } Exemplo Vamos criar um

JS - Funções - retornos e parâmetros com arrays e objetos

Vimos no post sobre funções que uma função pode possuir parâmetros e retornar valores, e na ocasião trabalhamos apenas com tipos primitivos da linguagem, e hoje veremos como receber e retornar arrays e objetos. Retorno Uma função que retorna um tipo mais complexo como um array ou um objeto pode nos ajudar, dentre outras coisas, a evitar a declaração de variáveis globais, também pode diminuir a complexidade de uma operação, vejamos alguns exemplos: function nomes() { return ['maria', 'teresa', 'flávia']; }; (essa rotina nos retorna uma lista de nomes); nomes()[1]; (como o retorno é um array conseguimos acessar um elemento conhecido por meio de seu indice); function recuperarPessoa() { var pessoa = { nome: 'Filisteu', idade: 89, sobre: function(){ return pessoa.nome + ', ' +  pessoa.idade + ' anos'} }; return pessoa; }; (essa rotina retorna um objeto, sendo que esse objeto possui propriedades e métodos); recuperarPessoa().n