Como usar operadores em JavaScript

Os operadores em JavaScript são símbolos especiais que são usados para realizar operações matemáticas, lógicas e de atribuição em valores e variáveis. Nesta página, iremos explicar os operadores mais comuns em JavaScript e como usá-los.

Operadores Aritméticos

Os operadores aritméticos em JavaScript são usados para realizar operações matemáticas em valores numéricos. Os operadores aritméticos incluem adição (+), subtração (-), multiplicação (*), divisão (/) e módulo (%).

  • Adição (+): Usado para adicionar dois valores.Exemplo: 2 + 3 // resultado é 5
  • Subtração (-): Usado para subtrair um valor de outro.Exemplo: 5 – 2 // resultado é 3
  • Multiplicação (*): Usado para multiplicar dois valores.Exemplo: 2 * 3 // resultado é 6
  • Divisão (/): Usado para dividir um valor por outro.Exemplo: 6 / 2 // resultado é 3
  • Módulo (%): Usado para obter o resto da divisão de um valor por outro.Exemplo: 7 % 3 // resultado é 1 (resto da divisão de 7 por 3)

Exemplo:

<!DOCTYPE html>
<html>
<body>

<h2>Exemplo de operadores aritméticos em JavaScript</h2>

<p id="demo"></p>

<script>
let x = 10;
let y = 5;
let z = x + y;
let a = x - y;
let b = x * y;
let c = x / y;
let d = x % y;
document.getElementById("demo").innerHTML =
"A soma é " + z + "<br>" +
"A subtração é " + a + "<br>" +
"A multiplicação é " + b + "<br>" +
"A divisão é " + c + "<br>" +
"O resto da divisão é " + d;
</script>

</body>
</html>

Operadores de Atribuição

Os operadores de atribuição em JavaScript são usados para atribuir um valor a uma variável. O operador de atribuição básico é o igual (=), mas existem outros operadores de atribuição que combinam operações aritméticas com a atribuição, como +=, -=, *=, /= e %=.

Exemplo:

<!DOCTYPE html>
<html>
<body>

<h2>Exemplo de operadores de atribuição em JavaScript</h2>

<p id="demo"></p>

<script>
let x = 10;
x += 5;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

Operadores de Comparação

Os operadores de comparação em JavaScript são usados para comparar dois valores e retornar um valor booleano (verdadeiro ou falso). Os operadores de comparação incluem igual a (==), não igual a (!=), maior que (>), menor que (<), maior ou igual a (>=) e menor ou igual a (<=).

Exemplo:

<!DOCTYPE html>
<html>
<body>

<h2>Exemplo de operadores de comparação em JavaScript</h2>

<p id="demo"></p>

<script>
let x = 5;
let y = 10;
document.getElementById("demo").innerHTML =
(x == y) + "<br>" +
(x != y) + "<br>" +
(x > y) + "<br>" +
(x < y) + "<br>" +
(x >= y) + "<br>" +
(x <= y);
</script>

</body>
</html>

Operadores Lógicos

Os operadores lógicos em JavaScript são usados para realizar operações lógicas em valores booleanos (verdadeiro ou falso). Os operadores lógicos incluem E lógico (&&), OU lógico (||) e NÃO lógico (!).

Exemplo:

<!DOCTYPE html>
<html>
<body>

<h2>Exemplo de operadores lógicos em JavaScript</h2>

<p id="demo"></p>

<script>
let x = 5;
let y = 10;
let z = 15;

Operadores de Comparação

Os operadores de comparação são usados para comparar valores em JavaScript. Eles retornam um valor booleano que indica se a comparação é verdadeira ou falsa.

Os operadores de comparação em JavaScript são:

  • Igual (==)
  • Não igual (!=)
  • Estritamente igual (===)
  • Estritamente não igual (!==)
  • Maior que (>)
  • Maior ou igual a (>=)
  • Menor que (<)
  • Menor ou igual a (<=)

Exemplo

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Operadores de Comparação em JavaScript</title>
</head>
<body>
	<script>
		var x = 10;
		var y = 5;
		document.write("x é igual a y: " + (x == y) + "<br>");
		document.write("x é diferente de y: " + (x != y) + "<br>");
		document.write("x é estritamente igual a y: " + (x === y) + "<br>");
		document.write("x é estritamente diferente de y: " + (x !== y) + "<br>");
		document.write("x é maior que y: " + (x > y) + "<br>");
		document.write("x é maior ou igual a y: " + (x >= y) + "<br>");
		document.write("x é menor que y: " + (x < y) + "<br>");
		document.write("x é menor ou igual a y: " + (x <= y) + "<br>");
	</script>
</body>
</html>

Saída:

x é igual a y: false
x é diferente de y: true
x é estritamente igual a y: false
x é estritamente diferente de y: true
x é maior que y: true
x é maior ou igual a y: true
x é menor que y: false
x é menor ou igual a y: false

Operadores Lógicos

Os operadores lógicos são usados para combinar duas ou mais expressões em JavaScript. Eles retornam um valor booleano que indica se a expressão é verdadeira ou falsa.

Os operadores lógicos em JavaScript são:

E lógico (&&)
Ou lógico (||)
Não lógico (!)

Exemplo:

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Operadores Lógicos em JavaScript</title>
</head>
<body>
	<script>
		var x = 10;
		var y = 5;
		var z = 3;
		document.write("x é maior que y E y é maior que z: " + ((x > y) && (y > z)) + "<br>");
		document.write("x é maior que y OU y é maior que z: " + ((x > y) || (y > z)) + "<br>");
		document.write("Não(x é maior que y): " + !(x > y) + "<br>");
	</script>
</body>
</html>

Saída

x é maior que y E y é maior que z: true
x é maior que y OU y é maior que z: true
Não(x é maior que y): false

Operadores de Comparação:

Os operadores de comparação são usados para comparar dois valores em JavaScript e retornar um valor booleano (verdadeiro ou falso). Os operadores de comparação incluem ==, ===, !=, !==, >, <, >= e <=.

let x = 5;
let y = 10;

console.log(x == y); // retorna false
console.log(x != y); // retorna true
console.log(x < y); // retorna true
console.log(x > y); // retorna false
console.log(x <= y); // retorna true
console.log(x >= y); // retorna false

Operadores de atribuição

Os operadores de atribuição são utilizados para atribuir um valor a uma variável. O operador mais comum é o “=” (igual), mas há também outros operadores de atribuição que combinam operações matemáticas com atribuição, como mostrado abaixo:

  • Atribuição simples (=): Usado para atribuir um valor a uma variável.Exemplo: var x = 2; // a variável x recebe o valor 2
  • Atribuição com adição (+=): Usado para adicionar um valor a uma variável existente e, em seguida, atribuir o resultado à mesma variável.Exemplo: var x = 2; x += 3; // a variável x agora tem o valor 5 (2 + 3)
  • Atribuição com subtração (-=): Usado para subtrair um valor de uma variável existente e, em seguida, atribuir o resultado à mesma variável.Exemplo: var x = 5; x -= 2; // a variável x agora tem o valor 3 (5 – 2)
  • Atribuição com multiplicação (*=): Usado para multiplicar uma variável existente por um valor e, em seguida, atribuir o resultado à mesma variável.Exemplo: var x = 2; x *= 3; // a variável x agora tem o valor 6 (2 * 3)
  • Atribuição com divisão (/=): Usado para dividir uma variável existente por um valor e, em seguida, atribuir o resultado à mesma variável.Exemplo: var x = 6; x /= 2; // a variável x agora tem o valor 3 (6 / 2)
  • Atribuição com módulo (%=): Usado para obter o resto da divisão de uma variável existente por um valor e, em seguida, atribuir o resultado à mesma variável.Exemplo: var x = 7; x %= 3; // a variável x agora tem o valor 1 (7 % 3)
let x = 10; // operador de atribuição simples
let y = 5;

x += y; // x agora é igual a 15 (10 + 5)
x -= y; // x agora é igual a 10 (15 - 5)
x *= y; // x agora é igual a 50 (10 * 5)
x /= y; // x agora é igual a 10 (50 / 5)
x %= y; // x agora é igual a 0 (10 % 5)

Operadores lógicos

Os operadores lógicos são utilizados para combinar valores booleanos e retornar um novo valor booleano. Os operadores lógicos mais comuns são:

  • && (E): Retorna verdadeiro se ambos os valores são verdadeiros
  • || (OU): Retorna verdadeiro se pelo menos um dos valores é verdadeiro
  • ! (NÃO): Retorna o inverso do valor booleano
let x = 5;
let y = 10;

console.log(x < 10 && y > 5); // retorna true
console.log(x < 10 || y < 5); // retorna true
console.log(!(x < 10)); // retorna false

Operadores de incremento e decremento

Os operadores de incremento e decremento são utilizados para adicionar ou subtrair 1 de uma variável. Eles podem ser utilizados como prefixo (antes da variável) ou sufixo (depois da variável).

let x = 5;

console.log(x++); // retorna 5 (o valor original de x) e depois incrementa x para 6
console.log(x); // retorna 6

console.log(++x); // incrementa x para 7 e depois retorna 7
console.log(x); // retorna 7

console.log(x--); // retorna 7 (o valor original de x) e depois decrementa x para 6
console.log(x); // retorna 6

console.log(--x); // decrementa x para 5 e depois retorna 5
console.log(x); // retorna 5

Esses são alguns exemplos de operadores em JavaScript. É importante conhecê-los bem para poder utilizar todas as funcionalidades da linguagem.

Deixe um comentário