TryCath em JavaScript

function tratarErroLancar(erro) {

    //throw new Error('...')

    //throw 10

    //throw true

    //throw 'Mensagem'

    throw{

        nome: erro.nome,

        msg: erro.message,

        date: new Date

    }

}

function imprimiNome(obj) {

    try {

        console.log(obj.nome.toUpperCase() + '!!!');

    } catch (e) {

        tratarErroLancar(e)

    } finally {

        console.log('final');

        

    }

}

const obj1 = {nome: 'Roberto'}

imprimiNome(obj1)

const obj2 = {nome: 20}

imprimiNome(obj2)

Operadores Unário em JavaScript

let a = 1, b = 2;

console.log('a= ',a, 'b=',b);

a++

console.log('a= ',a,);

--a

console.log('a=',a,'b=',b,':', ++a === b--);

--b

console.log('b=',b);

console.log('a=',a,'b=',b,':', ++a === b--);

console.log('a=',a,'b=',b,':', a === b);

Operadores Lógicos em JavaScript

function compras(trabalho1, trabalho2) {

    const comprarSorvete = trabalho1 || trabalho2

    const comprarTv50 = trabalho1 && trabalho2

    const comparTv32 = trabalho1 != trabalho2

    const manterSaudavel = !comprarSorvete//operador unário

    return{comprarSorvete, comprarTv50, comparTv32, manterSaudavel}

}

console.log(compras(true, true));

console.log(compras(true, false));

console.log(compras(false, true));

console.log(compras(false, false));

Operadores Relacionais em JavaScript

console.log('01','1' == 1)//1 é igual à 1 ?

console.log('02','1' === 1)//1(String) é extritamente de 1 ? 

console.log('03', '3' != 3);

console.log('04','3' != 3);

console.log('05', 3 < 2);//3 é menor que 2 ?

console.log('06',3 > 2);

console.log('07', 3 <= 2);

console.log('08', 3 >= 2);//3 é maior igual a 2 ?

//comparação com datas

const d1 = new Date(0)

const d2 = new Date(0)

console.log('09', d1 === d2);//d1 é estritamente igual d2 ?

console.log('10', d1 == d2);

console.log('11', d1.getTime() == d2.getTime());//tempo 1 é estritamente igual ao tempo 2 ?

console.log('12', undefined == null);

console.log('13', undefined === null);

Operadores em JavaScript

const [a,b,c,d] = [2,5,1,15]

const soma = a + b + c + d

const subtracao = a - d

const multiplicacao =  b * c

const divisao = a / b

const resto = a % 2

console.log(soma)

console.log(subtracao)

console.log(multiplicacao)

console.log(divisao)

console.log(resto)

Destructuring em JavaScript 3

//função de valores aleatórios

function rand({min = 0, max = 100}) {

    const valor = Math.random() * (max - min) + min

    return Math.floor(valor)

}

const obj = {max: 50, min: 40}

console.log(rand(obj))

console.log(rand({min: 955}))

console.log(rand({}))

Destructuring em JavaScript 2

//Destruturação de Array

const [a] = [10]

console.log(a)

const [n1, , n3, , n5, n6 = 0] = [10, 7, 9, 8]

console.log(n1, n3, n5, n6)

//desestruturação alinhada

const [, [, nota]] = [[, 8,8],[9,6,15]]//igorando o 1° elemento

console.log(nota)

Destructuring em JavaScript 1

//DESESTRUTURAÇÃO EM JavaScript

//Novo recurso a partir de 2015

const pessoa = {

    nome: 'Ana',

    idade: 5,

    endereco:{

        logradouro: 'Rua A',

        numero: 25

    }

}

console.log(pessoa)

//método para desestrurar pessoa = desetruturação

const{nome, idade} = pessoa//tirando dentro do objeto 'nome, idade'

console.log(nome, idade)

//extraindo 'nome' e colocando em outra variável ...

const {nome: n, idade: i} = pessoa

console.log(n, i)

//tirando objetos que não existe

const {sobrenome, bemHumorada = true} = pessoa

console.log(sobrenome, bemHumorada)//undefined pois não foi alimentada

//

const {endereco: {logradouro, numero, cep}} = pessoa

console.log(logradouro, numero, cep)

Notação em JavaScript

console.log(Math.ceil(6.1556))//arredonda para a próxima unidade

console.log(Math.cbrt(81))//Raiz cúbica

const obj1 = {}//parte literal

obj1.nome = 'Bola'

console.log(obj1.nome)

function Obj(nome){//função sendo instanciada

    this.nome = nome; // nome associado a função 'publico'

    this.exec = function(){//outra função

        console.log('EXEC...')

    }

}

//atribuindo informação

const obj2 = new Obj('Cadeira')

const obj3 = new Obj('Mesa')

console.log(obj2.nome)

console.log(obj3.nome)

obj3.exec()

Chave e valor em JavaScript

const saudacao = 'Olá'

function exec(){

    const saudacao = 'TESTANDO'

    return saudacao

}

//coleção de Objetos com chave e valores alinhados

const cliente = {

    nome: 'Henrique',

    idade: 'xx',

    peso: 77,

    endereco: {

        logradouro: 'Rua a',

        numero: 123

    }

}

console.log(saudacao)

console.log(exec())

console.log(cliente)

Função vs Objeto em JavaScript

console.log(typeof Object)

console.log(typeof new Object())//instanciando uma função

console.log(typeof new Object)

//outra forma de escrever

const cliente = function() {}

console.log('\n',typeof cliente)

console.log(typeof new cliente)

class produto{}// ES 2015 [E56]

console.log("\n"+typeof produto)

//funções pode ser instanciada

console.log(typeof new produto)

Função em JavaScript - 1

var a = 'teste'

console.log(a)

{var numero = 5

    numero = 7

    console.log('Dentro = ',numero)

}

{

    let numero = 2

    console.log('dentro do bloco = ',numero)

}

for(var i = 0; i <= 5; i++){

    console.log(i)

}

console.log("i fora do bloco = "+i)

console.log("i fora do bloco = "+i)

const funcs = []//array

for(var i=0; i< 10; i++){

    funcs.push(function(){//função anônima

        console.log(i)//retorna i

    })

}

funcs[2]()

funcs[9]()//valores maiores que 9 exibe erro

Função em JavaScript

console.log(typeof Object)//função

class Produto{}//classe função

console.log(typeof Produto)

function imprimirSoma(a, b){

    console.log('Soma = ',a+b)

}

imprimirSoma(2, 3)

imprimirSoma(2)//vai ser undefined

imprimirSoma(2,4,5,6,7,8,15)//vai somar apenas os 2 elementos

imprimirSoma()//vai ser undefined

//Função com retorno

function soma(a, b = 0){

    return a + b

}

console.log(soma(5,5))

console.log('A soma = ',soma(2))

const imprimirSoma2 = function(a,b){

    console.log('Soma2 = ',a + b)

}

imprimirSoma2(7, 13)

//Armazenando uma função ARROW em uma variavel

const SUBTRACAO = (a, b) => {

    return a - b

}

console.log('Subtração = ',SUBTRACAO(15,5))

//retorno implícito

const subtracao2 = (a, b) => a - b//executa apenas 1 sentença de código

console.log('Subtração2 = ',subtracao2(7,3))

const imprimir2 = a => console.log(a)

imprimir2('Legal !!!')

Exemplo: Sistema de tempo contínuo

1) Considere o circuito RLC abaixo, onde u(t) é o sinal de entrada do circuito e Vout(t) é o sinal de saída.

    Resolução:

2) Considere o circuito RLC abaixo, onde u(t) é o sinal de entrada do circuito e Vout(t) é o sinal de saída.

    

    Resolução:

Tipo Object em JavaScript

const prod1 = {}

prod1.nome = 'Celular Ultra Mega'

prod1.preco = 55.777

console.log(prod1)

prod1['Desconto Legal'] = 8.45//evitar atributos com espaço

console.log(prod1)

const prod2 = {nome: 'Camisa Polo', preco: 75.45}

console.log(prod2)

Tipos com String em JavaScript

const escola = "Codigo4"

console.log(escola.charAt(2))//exibe o caracter da posição 2

console.log(escola.charCodeAt(1))

console.log(escola.indexOf(('K')))//pesquisando a posição de K caso exista 

console.log(escola.indexOf('g'))//pesquisando a posição g

console.log(escola.substring(1))

console.log(escola.substring(0,3))

console.log('Escola '.concat(escola).concat("!"))//concatenando passando o inicial com o final

console.log(escola.replace(4, ' [e]'))//expressão regular, substitua todas letra por s

Palavras chave:

Mga Type nga String sa JavaScript

JavaScript-stringstypen

JavaScript-strengstyper

Jinis String JavaScript

ประเภทสตริง JavaScript

Typy řetězců JavaScript

סוגי מחרוזות של JavaScript

JavaScript strengjategundir

JavaScript strengjategundir

JavaScript-strengstyper

Array Map1 em JavaScript

const num = [1,5,7,9,3]

console.log(num)

num.sort()//ordenando o vetor

console.log(num)

let resultado = num.map(function(e){

    console.log(e)

    return e *2

})

console.log(resultado)//imprimi o array multiplicado por 2

const soma = e => e + 10

const triplo = e => e * 3

const paraDinheiro = e => `R$ ${parseFloat(e).toFixed(2).replace('.', ',')}`

resultado = num.map(soma).map(triplo).map(paraDinheiro)

console.log(resultado)

Imperativo VS Declarativo em JavaScript

const alunos = [{nome: 'João', nota: 7.9}, {nome: 'Maria', nota: 9.2}]

//Imperativo

let total1 = 0

for(let i = 0; i < alunos.length; i++){

    console.log(alunos[i])//exibindo o vetor completo

}

for(let i = 0; i < alunos.length; i++){

    console.log(alunos[i].nota)//exibindo somente o valor do vetor

    //console.log(alunos[i].nome)

}

for(let i = 0; i < alunos.length; i++){

    console.log(alunos[i].nome)//exibindo somente o nome do vetor

}

for(let i = 0; i < alunos.length; i++){

    total1 += alunos[i].nota //somando as notas

}

console.log("Média das notas = "+total1 / alunos.length)

//declaração

const getNota = aluno => aluno.nota

const soma = (total, atual) => total + atual

const total2 = alunos.map(getNota).reduce(soma)

console.log('Total2 = ',total2)

Array prototype em JavaScript

Array.prototype.forEach2 = function(callback) {

    for (let i = 0; i < this.length; i++) {

        callback(this[i], i, this)

    }

}

const aprovados = ['Agatha', 'Aldo', 'Daniel', 'Raquel']

aprovados.forEach2(function(nome, indice) {

    console.log(`${indice + 1}) ${nome}`)

})

Array no JavaScript

const aprovados = ['Agatha', 'Aldo', 'Daniel', 'Raquel']

aprovados.forEach(function(nome, indice) {

    console.log(`${indice + 1}) ${nome}\n`)

})

aprovados.forEach(nome => console.log('\n',nome))

const exibirAprovados = aprovado => console.log(aprovado)

aprovados.forEach(exibirAprovados)

Maps no JavaScript

const escola = [{

    nome: 'Turma M1',

    alunos: [{

        nome: 'Gustavo',

        nota: 8.1

    }, {

        nome: 'Ana',

        nota: 9.3

    }]

}, {

    nome: 'Turma M2',

    alunos: [{

        nome: 'Rebeca',

        nota: 8.9

    }, {

        nome: 'Roberto',

        nota: 7.3

    }]

}]

const getNotaDoAluno = aluno => aluno.nome

const getNotasDaTurma = turma => turma.alunos.map(getNotaDoAluno)

const notas1 = escola.map(getNotasDaTurma)

console.log(notas1)

console.log([].concat([8.1, 9.3],[8.9, 7.3]))

//console.log(notas1)

Array.prototype.flatMap = function(callback){

    return Array.prototype.concat.apply([], this.map(callback))

}

const notas2 = escola.flatMap(getNotasDaTurma)

console.log(notas2)

Interface com cadastro em Java/SQL

Clique aqui para fazer o download do arquivo

Layout com botão no Java

package javafxapplication;

import javafx.application.Application;

import javafx.event.ActionEvent;

import javafx.event.EventHandler;

import javafx.scene.Scene;

import javafx.scene.control.Button;

import javafx.scene.layout.StackPane;

import javafx.stage.Stage;

/**

 *

 * @author Aluno

 */

public class JavaFXApplication extends Application {

    

    @Override

    public void start(Stage primaryStage) {

        Button btn = new Button();

        btn.setText("Say 'Hello World'");

        btn.setOnAction(new EventHandler<ActionEvent>() {

            

            @Override

            public void handle(ActionEvent event) {

                System.out.println("Hello World!");

            }

        });

        

        StackPane root = new StackPane();

        root.getChildren().add(btn);

        

        Scene scene = new Scene(root, 300, 250);

        

        primaryStage.setTitle("Hello World!");

        primaryStage.setScene(scene);

        primaryStage.show();

    }

    /**

     * @param args the command line arguments

     */

    public static void main(String[] args) {

        launch(args);

    }

    

}

Layout com botão e input no Java

package javafxapplication;

import javafx.application.Application;

import javafx.event.ActionEvent;

import javafx.scene.Scene;

import javafx.scene.control.Button;

import javafx.scene.control.Label;

import javafx.scene.input.KeyCode;

import javafx.scene.input.KeyEvent;

import javafx.scene.input.MouseEvent;

import javafx.scene.layout.FlowPane;

import javafx.stage.Stage;

/**

 *

 * @author Aluno

 */

public class EventSample extends Application {

    Button btn;

    Label lbl;

    @Override

    

    public void start (Stage stage) throws Exception{

        // Título da Janela

        stage.setTitle("Event sample");

        FlowPane pane = new FlowPane();

        //tamanho da janela

        Scene scene = new Scene (pane, 500, 375);

        

        //Criação de um botão

        btn = new Button("OK");

        //Criação do label para exibir resultados

        lbl = new Label("");

        

         //Registrando o método que irá tratar quando o botão for pressionado

        btn.setOnAction(e->{

            btn_onAction(e);

        });

        //Registrando o método que irá tratar quando o mouse entrar na área gráfica do botão

        btn.setOnMouseEntered(e->{

            btn_onMouseEntered(e);

        });

        //Registrando o método que irá tratar quando o mouse sair da área gráfica do botão

        btn.setOnMouseExited(e->{

            btn_onMouseExited(e);

        });

        //Registrando o método que irá tratar quando houver um clique do mouse sobre o botão

        btn.setOnMouseClicked(e->{

            btn_onMouseClicked(e);

        });

        //Registrando o método que irá tratar quando alguma tecla for pressionada na janela ativa

        scene.setOnKeyPressed(e->{

            scene_onKeyPressed(e);

        });

        pane.getChildren().add(btn);

        pane.getChildren().add(lbl);

        stage.setScene(scene);

        stage.show();

    }

    private void scene_onKeyPressed(KeyEvent e) {

        System.out.println(e.getCode());

        if (e.getCode() == KeyCode.ENTER){

            lbl.setText("Enter Pressionado");

        }

    }

    private void btn_onMouseClicked(MouseEvent e) {

        lbl.setText(e.getClickCount() + " - " + e.getButton());

    }

    private void btn_onMouseExited(MouseEvent e) {

        btn.setText("Adeus Mouse!");

    }

    private void btn_onMouseEntered(MouseEvent e) {

        btn.setText("Mouse na Área");

    }

    protected void btn_onAction(ActionEvent event) {

        lbl.setText("Botao clicado");

        

    }  

          public static void main(String[] args) {

        launch(args);

    

    }

}

Após clicar no botão

Dia da semana com switch case no JavaScript

var agora = new Date()

var diaSem = agora.getDay()//dia da semana que é agora

console.log(diaSem)

switch(diaSem){

    case 0:

        console.log('Domingo')

        break

    case 1:

        console.log('Segunda - feira')

        break

    case 2:

        console.log('Terça - feira') 

        break

    case 3:

        console.log('Quarta - feira')

        break

    case 4:

        console.log('Quinta - feira')

        break

    case 5:

        console.log('Sexta - feira')

        //break

    case 6:

        console.log('Sábado')

        break

    default:

        console.log('[Erro] Dia inválido!')

        break                           

}