RPG Maker MV JavaScript para Iniciantes no RPG Maker MV #3 - Operações Matemáticas Básicas

[Virage Detoldev]

Fala pessoas, vamos para outra aula de Javascript Básico para o RPG Maker? Dessa vez, vamos brincar com as operações matemáticas básicas.


[greenalert]OPERAÇÕES MATEMÁTICAS[/greenalert]

É a forma de manipular valores numéricos quando damos vida ao código. Sem isso, o código não ganha "movimento", ou seja, não muda suas informações. Basicamente, nós temos a atribuição, soma, subtração, multiplicação e divisão.


[greenalert]ATRIBUINDO UM VALOR À UMA VARIÁVEL[/greenalert]

Como já visto nos guias anteriores, para atribuir um valor, basta somente usar a igualdade (=) após o nome da variável. Você pode atribuir valores numéricos ou até mesmo, valores que estão em outras variáveis.

Exemplos:

var Idade = 27; // Atribuição direta de um valor numérico.
var nota1 = 10; // Atribuição direta de um valor numérico.
var nota2 = 8; // Atribuição direta de um valor numérico.
var media = (nota1 + nota2) / 2 // Atribuição de valor pelo valor de uma ou mais variáveis.

Outra coisa importante dita em outra aula é que quando a variável é declarada, não precisa mais o uso do var antes do nome dela. Lembre-se sempre disso!


[greenalert]SOMANDO (ADIÇÃO DE) VALORES[/greenalert]

A soma é uma operação básica que, como o nome diz, soma dois valores. Assim como a atribuição, podem ser dois ou mais valores numéricos, duas ou mais variáveis ou até mesmo um misto dos dois casos.

Exemplos:

var soma = 12 + 12; // Soma de dois números, resultado é 24.
var soma2 = 12 + soma; //Soma de um número e uma variável, o resultado é 36, pois a variável "soma" já recebeu um valor antes.
var soma3 = soma2 + soma; //Soma de duas variáveis, o resultado é 60, pois "soma" tem valor 24 e "soma2" tem valor 36.

Mas você sabia que um valor numérico pode ser somado à uma string? Lembrando que string é um texto. Como dito anteriormente o JavaScript é uma linguagem dinâmica, que permite trocar o tipo de uma variável pelo seu valor, certo? Então, isso é possível.


Exemplo:

var numero = 12;
var nome = "Paulo";
var exemplo = numero + nome; // O resultado dessa soma é 12Paulo.

Isso acontece pois o JavaScript vai tentar mudar o tipo da variável para algo que suporte essa soma. Como números podem ser guardados como texto, a variável "exemplo" vai receber o valor numérico e converter para uma String. Vale lembrar que esse tipo de situação só é possível com as somas.


Ainda sobre Strings, você pode somar duas Strings em somente um texto.


Exemplo:

var nome = "Doris";
var sobremone = "Osti";
var nomeCompleto = nome + sobrenome; // O resultado da soma é "DorisOsti".

Mas, e aí? Os nomes ficaram juntos! Para corrigir isso existem duas formas.

Forma 1: Você pode adicionar um espaço após o nome ou antes do sobrenome.

var nome = "Doris "; // Note que tem um espaço entre o s e o fecha aspas. Qualquer coisa inserida dentro das aspas contam como parte do texto.
var sobremone = "Osti";
var nomeCompleto = nome + sobrenome; // O resultado da soma é "Doris Osti".

Forma 2: Você pode adicionar um separador no meio das somas.

var nome = "Doris";
var sobremone = "Osti";
var nomeCompleto = nome + " " + sobrenome; // O resultado da soma é "Doris Osti".

Pode não parecer, mas eu somei três Strings dentro de "nomeCompleto", afinal, eu inseri nome, depois somei uma String que tinha somente um espaço dentro e depois inseri o sobrenome. Essa segunda forma também permite transformar um número em uma String, mesmo sem haver textos.

Exemplos:

var idadeNumero = 30;
var idadeTexto = "" + idadeNumero; //O resultado disso é um texto com valor "30", pois somamos um texto vazio com um número.

E é "somente isso" para somas.

[greenalert]SUBTRAINDO (DIMINUINDO) VALORES[/greenalert]

A subtração é basicamente a mesma coisa que o modo anterior, só que agora os valores são subtraídos (diminuídos). O mesmo se aplica: Pode-se subtrair números, variáveis e um misto deles.

Exemplo:

var numero1 = 12;
var numero2 = 4;
var subtracao = numero1 - numero2; //Subtração de duas variáveis, resultado é 8.
var subtracao2 = 12 - 7; //Subtração de dois números, o resultado é 5.
var subtracao3 = 400 - subtracao; //Subtração entre um número e uma variável, o resultado é 392.

Agora vamos ao que eu falei na explicação da soma: O que acontece ao se subtrair um número com um texto?


Exemplo:

var numero = 34;
var texto = "Olá";
var exemplo = numero - texto; //O resultado disso é NaN.

Espera, o que diabos é NaN? NaN significa Not a Number, ou em português, Não é Um Número. Como esse tipo de ação não é possível, o tipo de valor é algo que não é número e nem é texto. Vamos falar disso em outro guia. Mas fixe na sua cabeça que não se pode subtrair, multiplicar ou dividir um número por um texto e vice versa.


[greenalert]MULTIPLICANDO VALORES[/greenalert]

Mesma coisa que os anteriores, nada de novo. Usa-se o asterisco (*) para realizar a multiplicação.

Exemplo:

var num1 = 12 * 12; //O resultado é 144.
var num2 = 12 * num1; //O resultado é 1.728.
var num3 = num1 * num2; //O resultado é 248.832;

[greenalert]DIVIDINDO VALORES[/greenalert]

Mesma coisa, usa-se uma barra (/) para se realizar a divisão.

Exemplo:

var num1 = 12 / 12; //O resultado é 1.
var num2 = 12 / num1; //O resultado é 12.
var num3 = num1 / num2; //O resultado é 0,0833333333333333;

Existem formas de organizar os números quando eles tem mais casas decimais, mas vamos deixar isso para outro tutorial, onde iremos mais à fundo no mundo das operações matemáticas.


[greenalert]ORGANIZANDO AS EQUAÇÕES DE FORMA CORRETA (PRECEDÊNCIA DE OPERADORES)[/greenalert]

Quando se realiza uma operação matemática com mais de uma etapa, deve-se organizar de forma que o código entenda corretamente e realize a operação desejada sem erros.

Como assim? Imagine que você quer pegar dois valores em duas variáveis, depois criar uma operação que some essas duas variáveis e multiplique por 10.

Exemplo:

var num1 = 10;
var num2 = 20;
var total = num1 + num2 * 20;

É claro que o resultado disso será 600, correto? Errado! O resultado vai ser 410. Isso se dá pelo fato que existe uma prioridade no qual o cálculo é realizado. Entre as 4 básicas, essa é a ordem:


1. Multiplicação
2. Divisão
3. Adição (Soma)
4. Subtração (Diminuição)

Dessa forma, no exemplo acima, como a Multiplicação tem prioridade a primeira coisa feita na operação é multiplicar "num2" por 20, para somente depois somar com "num1". Para que a ordem certa seja feita, ou seja, a soma antes da multiplicação, devemos separar as etapas com parênteses. Ao separar uma operação com os parêntesis, você informa ao código que aqueles códigos serão realizados antes. Veja abaixo como deveria ter sido escrito o código:

Exemplo:

var num1 = 10;
var num2 = 20;
var total = (num1 + num2) * 20; //Agora sim, o resultado é 600.

Quer ver outro código usando o parêntesis?

var equacaoSeparada = (12 + 13) * 2 + ((34 + 36) / 2);

Qual o resultado disso? 85.


Vamos estudar à fundo esse código:

• Primeiro serão os valores dentro dos primeiros parêntesis: 25 * 2 + (70 / 2).
• Agora o segundo grupo dos parêntesis são executados: 25 * 2 + 35.
• Como a multiplicação tem prioridade, ela acontece: 50 + 35.
• Por último acontece a soma, e o resultado de equacaoSeparada ficará 85.

Nossa próxima aula será sobre variáveis Booleanas! Um conceito importante para entendermos as Estruturas Condicionais. Grande Abraço!


[redalert]ÍNDICE DA AULA[/redalert]

- Operadores Matemáticos Básicos;
- Atribuição de Valores;
- Adição de Valores;
- Subtração de Valores;
- Divisão de Valores;
- Precedência de Operadores;​

 

[TensaZangetsu]

Acho que poderia ter colocado "+=" e  "-=", mas enfim, você é o professor.
Achei muito bem explicado, melhor que os professores de matemática na escola. Vou ver todas as "aulas", espero que não pare com elas. :Okay_fix:

 

[Virage Detoldev]

Acho que faltou o "+=" e  "-=", mas enfim, você é o professor.
Achei muito bem explicado, melhor que os professores de matemática na escola. Vou ver todas as "aulas", espero que não pare com elas. :Okay_fix:

Oi Tensa. Todos os outros operadores que estão faltando tanto nas operações matemáticas como nos operadores lógicos serão dados quando eu for dar a versão mais completa disso, falando até mesmo sobre a função Math().

 

[Suchimu]

>. >