JS Basic

Variáveis

Espaço na memoria, com configuração previa para armazenar uma informação.

procedimento;

1- Declarar que o é uma variavel.

var = Tem uma amplitude de chamada global, por isso tem uma baixa segurança e é pouco recomendada.

let = Tem uma amplitude de chamada escopo, por isso tem uma alta segurança e é amplamente recomendada.

const Caso não pretenda modificar a estrutura da variável essa é considerada extremamente segura, porém é pouco variável. 🤣

2- Após Declarar a variável precisa declarar tbm sua identificação.

var nome=' o dado '.

Caso uma variável seja declarada porém a mesma não tenha um dado definido por padrão ela será undefined e qualquer operação com ela retornara um erro. Para evitar o erro caso não tenha valor prévio a declarar pode se usar a palavra reservada null.

Tipos Primitivos

STRING

NUMBER

BOOLEANO

OBJECT

Verificando tipo

Para ver o tipo Primitivos utilize a palavra reservada typeof seguido da variável.


                var nome = 'Hailton'
typeof nome        
>'string' 
            
typeof 9.36
>'number'
            
var test = (3+6)==9
>'boolean'

Modelagem de dados / cast

O JavaScript sempre salva os input de dados como string

É necessário converter os dados.

Para isso basta usar a seguinte sintaxe;


                            Number.parseInt(variável)
ou
        parsefloat()

o Number. é opcional

o Number(variável) faz a conversão automaticamente

E para string

String(variável) faz a conversão automaticamente

Template strings

É uma ancora utilizada desde o ES6 que tem como função abrir uma área para processamento dentro de uma estrutura fixa, pode servir tanto para inserir variáveis, quanto para realizar operações.


                Concatenado
'Estou aprendendo' + variável

Template string
`Estou aprendendo ${variável}`

Manipular strings;

variável.length() Contar caracteres

variável.toUpperCase() Deixar MAIÚSCULO

variável.toLoweCase() Deixar minúsculo

variável.toFixed(2) com 2 casas depois da virgula

variável.toLocalString('pt-br', {style: 'currency', currency: 'BRL'}) com formato de moeda

Operadores

Aritméticos

Relacionado a operações matemáticas.

Relacionais

Retorna um valor booleano.

Lógicos

Une Operadores ou nega. ! nega. && todos verdadeiro. || um verdadeiro.

Ternários

?caso verdadeiro

:caso falso

Variáveis Compostas

Diferente das variáveis de simples que conseguem armazenar apenas um valor por vez as variáveis compostas são um agrupamento bem organizado de dados.

Vetor

Declarando vetor basta referenciar que a mesma é uma variável, depois nomea-la e atribuir os valores dentro de colchetes.

    let nomeVetor = [dado0, dado1, dado2, dado3];

No javaScript vetores são objetos flexíveis permitindo a alteração de valores já declarados. Ainda um vetor não se restringe a um único tipo de dado.


                        let nomeVetor = [dado0, dado1, dado2, dado3];
    nomeVetor[2] = valor2;

Vetores também são dinâmicos e permite a adição de elementos.
Para adicionar um item no final da lista utilize o método nomeLista.push("item")
Para remover um item na lista utilize o método nomeLista.splice(posição inicial, quantos)

Percorrendo Vetor

Um bom jeito de percorrer lista com o for é ao ives de usar o método .length para ir de 0 até tamanho é usar uma propriedade para vetor onde declaramos uma variável que recebera o valor da posição, e referenciamos o vetor a ser iterado.

    for (let item of vetor)
    {
        console.log(item);
    }

Também é possível iterar através dos indices para isso trocamos o of por in.


                            for (let índice in vetor)
    {
        console.log(vetor[índice]);
    }

Utilitários variavel composta

codigo	função
`.length()`	Contar elementos
`.sort()`	Ordenar elementos
`.indexOf( item )`	Retorna a posição do item

Spread

Util para intercalar listas.
Ao invés de declarar um bloco de código que; deve ir verificando item a item e aplicar um método de comparação, para então incluir o item na posição indicada. Simplesmente declara:

let arr_inical = [ 3, 9 ];
let arr_complementar = [ 6, 12 ];
Método Splice:

const listaFinal = [3, ...arr_complementar, 18, 21 ];

Também é util para evitar a referencia a uma array que deve ser modificada.


                        let arr_inical = [ 3, 6, 9 ];
let arr_copia = [...arr_inical ];

Matriz

Para declarar uma matriz basta referenciar que a mesma é uma variavel, depois nomea-la e atribuir os valores dentro de colchetes.

    let nomeMatriz = [
    [dado0, dado1, dado2],
    [dado0, dado1, dado2],
    [dado0, dado1, dado2],
    ];

Percorrendo Vetor

Um bom jeito de percorrer lista com o for é a ives de usar o método .length para ir de 0 até tamanho é usar uma propriedade para vetor onde declaramos uma variavel que recebera o valor da posição, e referenciamos o vetor a ser iterado.

    for (let item of vetor)
    {
        console.log(item);
    }

Também é possível iterar através dos indices para isso trocamos o of por in.


                            for (let índice in vetor)
    {
        console.log(vetor[índice]);
    }

Condições

Condição

Use a palavra reservada if para atestar uma condição.

    let e_verdade = false;

    if(e_verdade)
    {
        console.log('é verdade mesmo!');
    }

Condição Composta

Use a palavra reservada else para executar uma ação caso condição não seja satisfeita.

    let e_verdade = false;

    if(e_verdade)
    {
        console.log('é verdade mesmo!');
    }
    else
    {
        console.log('é mentira!');
    }

Par ou Impar:

Aguardando teste...

Condições Aninhadas

Condições dentro de Condições. Dentro do verdadeiro ou falso é so acrescentar mais Condições. Ainda é possível fazer mais verificações em uma unica estrutura.

Para isso use o else if

    let num = 0;

    if(num > 0)
    {
        console.log('Maior que Zero!');
    }
    
        else if (num == 0)
        {
            console.log('O numero é ZERO!');
        }
    
    else
    {
        console.log('Menor que Zero!');
    }

Verificando obrigatoriedade de voto:

Digite sua idade

Aguardando idade...

Condições Múltiplas

O mando swich() e nele existe o case e sempre coloque o break após cada um.

    swich('variavelComparação')
    {
        case "variavelComparada":
            acao = 'x'
            break;
        caso "outraComparada":
            acao = 'y'
            break;

        default:
            console.log('variavel não correspondida');
    }

Por via de segurança é possível adicionar um comportamento padrão para caso nenhum critério seja atendido.

Dia da semana

Repetições

Repete uma função até que a condição controladora seja satisfeita.

While

Utilize o while Seguido de um contador como parâmetro. O while sempre verifica o valor do contador antes de iniciar a repetição.

    let cont = 0

    while (cont < 6)
    {
        console.log(cont);
        cont += 1;
    }

Resultado > >

Do While

Utilize o Do while Seguido de um contador como parâmetro. O Do while sempre verifica o valor do contador depois de iniciar a repetição.

    let cont = 0

    do
    {
        console.log(cont);
        cont ++;
    }
    while (cont < 6);

Resultado > >

For

Utilize o for quando sabe quantas vezes o código deve ser executado, uma boa analogia é lembrar "de onde para onde".
Após declarar a palavra reservada deve se montar o teste contendo primeiro a declaração da variavel de controle, depois o teste e por fim o incremento ou decremento da variavel de controle.

    for (let i = 0 ; i > 6 ;  i ++)
        {
            console.log(i);
        }

Resultado > >

forEach

Ele itera por uma lista de elementos executando uma função, bem semelhante ao .map.

    nomeLista.forEach((item) => {})