Conceitos Básicos de JavaScript

Variáveis

Strings — Uma String nada mais é que texto puro.

Numbers — São os números, seja eles integer, float, double etc.

Booleans — São os operadores booleanos (true ou false).

Arrays — É uma estrutura de dado para armazenar uma coleção de valores, sendo eles de qualquer tipo.

Objects — Conjunto de atributos aninhados a uma variável denomina-se um objeto.

Functions — Em JavaScript é possível declarar uma variável como uma função, podendo fazer operações e retornando o valor para a variável de declaração. Obs: muito utilizado no paradigma de programação funcional.

Usando variáveis

Strings — var nome = "Felipe Seidi Harakawa";

Numbers — var idade = 25;

Concatenação

Concatenar é uma palavra chique da programação que significa "colocar junto". Para colocar strings juntas em JavaScript, usamos o operador (+), o mesmo usamos para adicionar números, mas neste contexto é algo diferente.

"Meu nome é " + nome + " e eu tenho " + idade + " anos";

"Média do Aluno é " + notaFinal;

"Olá " + nome + " " + sobrenome;

Operações

var nota1 = 8;
var nota2 = 7.5;

var notaFinal = (nota1 + nota2) / 2;

Comandos de entrada

Seu objetivo é obter alguma informação do usuário da página.

var nome = prompt("Qual o seu nome ?");

var sobrenome = prompt ("Qual o seu sobrenome ?");

Escrevendo na página

document. write é feito, de uma forma bem simplificada, quando você quer escrever alguma coisa dentro de uma página e gostaria que fosse exibida para o seu usuário.

Funções

Funções são blocos de construção fundamentais em JavaScript. Uma função é um procedimento de JavaScript - um conjunto de instruções que executa uma tarefa ou calcula um valor. Para usar uma função, você deve defini-la em algum lugar no escopo do qual você quiser chamá-la.

Arrays

Os arrays são estruturas que servem para guardar dados, e organizá-los. Seu objetivo é ser um espaço fixo na memória do computador que armazena elementos. Esses elementos podem ser acessados por um tipo de indicação, que chamamos de índice.

var lista = ["Felipe", "Rogerio", "Marcelo", 150];
console.log(lista);

Pegando um item em uma posição

console.log(lista[0]);

Tamanho da lista

console.log(lista.length);

Método para pesquisar um elemento na lista e a sua posição

console.log(lista.indexOf("Rogerio"));

console.log(lista.indexOf(150));

console.log(lista.indexOf("Iracema"));

Altera o item da lista

lista[0] = "Felipe Harakawa";
console.log(lista[0]);

lista[3] = 500;
console.log(lista);

Adiciona um item ao final da lista

lista.push("Renan", 350);

Adiciona um item ao início da lista

lista.unshift("Rafael", 400);

Remove o primeiro item da lista

lista.shift();

Remove o último item da lista

lista.pop();

Retorna os elementos da lista separados por um vírgula convertendo em um string

var nomes = lista.toString();
console.log(nomes);

Retorna os elementos da lista separados por um carácter convertendo em um string

var nome = lista.join("/");
console.log(nome);

Mescla dois arrays existentes

var frutasVermelhas = ["Maça", "Morango", "Cereja"];
var frutasAmarelas = ["Banana", "Melão", "Carambola"];
var frutasColoridas = frutasVermelhas.concat(frutasAmarelas);

Loops

É um código que vai ser repetindo até que uma determinada condição seja alcançada, ou até mesmo que não haja condição de parada, estes são conhecidos como loops infinitos.

for

Um laço for é repetido até que a condição especificada seja falsa.

for ([expressaoInicial]; [condicao]; [incremento]){
declaracao; }

var valor = 5;
for(a = 0; a < valor; a++){
document.write("O valor de A é: " + a); }

while

Uma declaração while executa suas instruções, desde que uma condição especificada seja avaliada como verdadeira

while (condicao){
declaracao; }

var x = 0;
while(x < 5){
document.write("O valor do x é: " + x);
//Aumentando o valor de x
x++; }

switch

Permite executar um bloco de código diferente de acordo com cada opção (cada case) especificada.