Curso de Programação em Javascript e HTML

Curso de Programação em Javascript e HTML

(Parte 3 de 10)

Curso de Programação em JavaScript e HTML Dinâmico Desenvolvimento, aplicações e referências de acordo com as normas do W3C

5.6 Caracteres de escape

Se o caractere que vem a seguir a \ não pertencer à lista anterior o seu efeito será nulo, mas há duas exceções: as aspas (") e o apóstrofo ('). Se pretendemos escrever aspas dentro de uma expressão de texto temos de colocar o caractere \ antes delas, como mostra o exemplo seguinte:

<script type="text/javascript">

<!-- var texto = "Ele leu o \"Auto da Barca do Inferno\" de Gil Vicente."; document.write(texto); --> </script>

Se ao invés de usar aspas usarmos apenas apóstrofos teremos:

Porém, a melhor solução para este problema não é nenhuma das anteriores.

Se usarmos apóstrofos como caracteres delimitadores de uma string então passamos a poder usar as aspas como parte do conteúdo sem qualquer problema, como se mostra a seguir:

var texto = 'Ele leu o "Auto da Barca do Inferno" de Gil Vicente.'; document.write(texto);

Mas se quisermos colocar apóstrofos no conteúdo a melhor forma de evitarmos os problemas consiste em usar aspas como caracteres delimitadores da string, como se mostra a seguir: var texto = "Ele leu o 'Auto da Barca do Inferno' de Gil Vicente."; document.write(texto);

<meta name="autor" content="Rafael Feitosa">12

Curso de Programação em JavaScript e HTML Dinâmico Desenvolvimento, aplicações e referências de acordo com as normas do W3C

6. Cadeias de variáveis (Array)

Uma cadeia de variáveis (objeto Array) é um objeto capaz de guardar muitos valores, tantos quanto a memória disponível na máquina permitir. Cada uma das variáveis que compõem o array possui um índice. Ilustremos isto com um exemplo:

var frutas_tropicais = new Array("Goiaba", "Manga", "Maracujá"); var frutas_nacionais = new Array(3); frutas_nacionais[0] = "Maçã"; frutas_nacionais[1] = "Cereja"; frutas_nacionais[2] = "Laranja";

Ao declararmos a variável frutas_tropicais nós declaramos o Array e atribuímos-lhe os valores numa única operação. Já no segundo caso primeiro declaramos o Array e só depois definimos os valores que ele deve conter. Neste caso temos que a variável frutas_tropicais[2] possui o valor "Maracujá" e a variável frutas_nacionais[0] possui o valor "Maçã".

Em JavaScript as variáveis não têm um tipo definido, por isso um array pode conter valores de tipos diferentes que podemos alterar sempre que necessário, como se mostra a seguir:

<script type="text/javascript">

document.write("<br>"); document.write("Sortido = " + sortido); --> </script>

Se atribuirmos um valor a um elemento do array com um índice mais alto do que o seu comprimento, o sistema JavaScript resolve o problema aumentando o tamanho do array até chegar ao índice pretendido. É isso que acontece no exemplo anterior quando se chega à linha que tem sortido[6] = "Caderno"; Os arrays são objetos, e entre as suas propriedades conta-se a propriedade length, que nos dá o número de elementos (variáveis) que ele contém num determinado momento. Assim, se ao exemplo anterior juntarmos uma linha com o seguinte código:

<meta name="autor" content="Rafael Feitosa">13

Curso de Programação em JavaScript e HTML Dinâmico Desenvolvimento, aplicações e referências de acordo com as normas do W3C var numeroDeElementos = sortido.length; a variável numeroDeElementos ficará com o valor 7 (repare que inserimos um elemento adicional com o índice 6, o que fez crescer o array). De forma análoga se usarmos frutas_nacionais.length iremos obter 3.

7. Operadores

A linguagem JavaScript possui muitos operadores de diversos tipos. Aqui iremos abordar apenas os aspectos mais básicos dos operadores disponíveis.

7.1 Operadores de atribuição de valor

Uma das coisas que os operadores podem fazer é fornecer um valor àquilo que estiver à sua esquerda. Se o que está à esquerda for uma variável então o valor dela passará a ser aquilo que o operador forneceu, se for outro operador o valor fornecido será usado como operando.

Os operadores mais conhecidos são as quatro operações aritméticas básicas (adição, subtração, multiplicação e divisão.) Para estes a linguagem JavaScript define as seguintes versões curtas:

Versão curta Significado x+=y x=x+y x-=y x=x-y x*=y x=x*y x/=y x=x/y

Repare que aqui o sinal = não representa a igualdade matemática. Ele serve apenas para indicar que a variável que está à sua esquerda deve passar a ter um valor igual ao valor da expressão que está à sua direita. Se tivermos x=5 e y=7 a expressão x=x+y não representa uma igualdade matemática mas sim a indicação que o valor de x deve passar a ser igual à soma do valor que tem atualmente com o valor de y. Neste caso x passaria a valer 12.

7.2 Operadores de comparação

Um operador de comparação compara os valores que lhe são fornecidos (que designamos por operandos) e retorna um valor lógico que indica se o resultado da comparação é verdadeiro ou falso. Os valores que recebe para analisar podem ser números ou variáveis de texto (string). Quando atuam sobre variáveis de texto, as comparações baseiam-se na forma como os caracteres estão ordenados seqüencialmente. Esta ordenação baseia-se na ordem alfabética. A lista seguinte apresenta estes operadores.

Operador Descrição Exemplo

Igualdade (==)Verifica se os dois operandos são iguais x==y dá true se x igualar y

Desigualdade (!=)

Verifica se os operandos são desiguais x!=y dá true se x não for igual a y

Maior do que (>)Verifica se o operando da esquerda é maior do que o da direita x>y dá true se x for maior do que y

Maior ou igual (>=)

Verifica se o operando da esquerda é maior ou igual ao da direita x>=y dá true se x for maior ou igual a y

Menor do que Verifica se o operando da esquerda é x<y dá true se x for menor

<meta name="autor" content="Rafael Feitosa">14

Curso de Programação em JavaScript e HTML Dinâmico Desenvolvimento, aplicações e referências de acordo com as normas do W3C

(<)menor do que o da direitado que y

Menor ou igual (<=) verifica se o operando da esquerda é menor ou igual ao da direita x<=y dá true se x for menor ou igual a y

7.3 Operadores aritméticos

Um operador aritmético recebe valores numéricos (tanto variáveis como expressões literais) e produz um valor numérico como resultado. Os operadores numéricos mais importantes são a adição (+), a subtração (-), a multiplicação (*), a divisão (/) e o resto da divisão (%). O funcionamento destes operadores em JavaScript respeita todas as regras da álgebra.

Devido a muitas vezes ser necessário adicionar ou subtrair uma unidade a uma variável, a linguagem JavaScript define dois operadores especiais com esta finalidade. Assim, para adicionarmos uma unidade à variável variavel1 podemos escrever variavel1++, e para subtrairmos uma unidade à variavel2 escrevemos variavel2--. Por ação destes operadores no final do exemplo seguinte a variável variavel1 terá o valor 4 e a variável variavel2 terá o valor 6.

var variavel1 = 3; variavel1++; var variavel2 = 7; variavel2--;

7.4 Operadores lógicos

Os operadores lógicos aceitam os valores lógicos true e false (verdadeiro e falso) como operandos e retornam valores lógicos como resultado. Os operadores lógicos base encontram-se listados a seguir (os restantes definem-se com base nestes três).

Operador Utilização Descrição e (&&) b && cDá true se b for true e c for true.

(Parte 3 de 10)

Comentários