JavaScript unary operators

Unary operators in JavaScript are unique operators that consider a single input and carry out all possible operations.

The Unary plus, unary minus, prefix increments, postfix increments, postfix decrements, and prefix decrements are examples of these operators. These operators are either put before or after the operand.

The unary operators are more effective in executing functions than JavaScript; they are more popular. Unary operators are flexible and versatile since they cannot be overridden.

Types of unary operators

One value is the focus of unary operators. The unary functions and their descriptions are listed in the following table:

Unary Operators	Operator's Name	Operators Description
+x	Unary Plus	The operator converts an input value into a number
-x	Unary Minus	The operator converts a value into a number and negates it
++x	Increment Operator (Prefix)	The operator uses to inserts one value before the incremental value by one
--x	Decrement Operator (Prefix)	The operator Subtracts one value from the given input value before
x++	Increment Operator (Postfix)	The operator uses to inserts one value after the incremental value by one
x--	Decrement Operator (Postfix)	The operator subtracts one value before the incremental value by one.

Unary operator's description

The multiple operators use javascript to show the definition, syntax, example, and description.

Unary plus (+) operator

The simple plus symbol (+) is the unary plus operator. The unary addition has no effect when put in front of a number.

Syntax

The following unary plus operator shows the functionality with the value.

let a = 4;
let b = +a;
console.log(b);

The following table outlines the rules used by the Number() function when the unary plus operator is applied to a non-numeric value:

Value	Result
boolean	The output shows 0 to false and 1 to true
string	It converts the input string value based on particular rules
object	The Object work with the valueOf() or toString() method to get the required value. The value converts into a number.

Examples

The following examples use to addition operator using the variable operand and unary plus operator.

Example 1: the given example shows the basic operation of the unary plus (+) operator with the operand. Here, we use a simple plus sign with the numeric data.

<!DOCTYPE html>
<html>
<head>
<title> JavaScript unary plus (+) operator </title>
</head>
<body>
<h3> JavaScript unary plus (+) operator </h3>
<p> Using the addition method to add values </p>
<script>
console.log("JavaScript unary plus (+) operator ");
let a = 10;
let b = +a;
console.log(a);
console.log(b);
let c = '21';
console.log(+c);
let d = false,
     e = true;
console.log(+d); // 0
console.log(+e); // 1
</script>
</body>
</html>

Output

The unary plus operator data is shown as an output.

Example 2: the following example shows the basic operation of the unary plus (+) operator with the operand. Here, we need a function with the "this" keyword for the basic value.

<!DOCTYPE html>
<html>
<head>
<title> JavaScript unary plus (+) operator </title>
</head>
<body>
<h3> JavaScript unary plus (+) operator </h3>
<p> Using the addition method to add values </p>
<script>
console.log("JavaScript unary plus (+) operator ");
function unary_function(plus) {
this.number = plus;
}
 unary_function.prototype.valueOf = function() {
return this.number;
};
const obj_val = new  unary_function(18);
console.log(obj_val + 5);
</script>
</body>
</html>

Output

The unary plus operator data is shown as an output.

Unary minus (-) operator

A single minus sign (-) is the unary minus operator. A number is negated when the unary minus operator is used on it.

Syntax

The following unary minus operator shows the functionality with the value.

let a = 4;
let b = -a;
console.log(b);

The unary minus operator cancels a value when used to a non-numeric value after converting it to a number according to the same guidelines as the unary plus operator.

Examples

The following examples use to subtraction operator using the variable operand and the unary minus operator.

Example 1: the given example shows the simple operation of the unary plus (-) operator with the operand.

<!DOCTYPE html>
<html>
<head>
<title> JavaScript unary minus (-) operator </title>
</head>
<body>
<h3> JavaScript unary minus (-) operator </h3>
<p> Using the subtraction method to add values </p>
<script>
console.log("JavaScript unary minus (-) operator ");
let a = 10;
let b = -a;
console.log(a);
console.log(b);
let c = '21';
console.log(-c); 
let d = false,
     e = true;
console.log(-d); // 0
console.log(-e); // 1
</script>
</body>
</html>

Output

The unary minus operator shows as output data.

Example 2: the following example shows the basic operation of the unary minus (-) operator with the operand. Here, we need a function with the "this" keyword for the basic value.

<!DOCTYPE html>
<html>
<head>
<title> JavaScript unary minus (-) operator </title>
</head>
<body>
<h3> JavaScript unary minus (-) operator </h3>
<p> Using the minus operator with a method to subtract values </p>
<script>
console.log("JavaScript unary minus (-) operator ");
function unary_function(minus) {
this.number = minus;
}
 unary_function.prototype.valueOf = function() {
return this.number;
};
const obj_val = new  unary_function(28);
console.log(obj_val - 5);
console.log(obj_val + 3 - 5);
console.log(obj_val + 3 - 35);
</script>
</body>
</html>

Output

The unary minus operator data shows as an output.

Unary Logical Not(!) operator

Unary logical not operator works the logical operation and Boolean output. It converts the value in the negative data and shows the Boolean value as an output.

Example

The given an example displays the basic operation of the unary Logical Not(!) operator

With operand. Here, we need a function with the not operator and the input data.

<!DOCTYPE html>
<html>
<head>
<title> JavaScript unary Logical Not(!) operator </title>
</head>
<body>
<h3> JavaScript unary Logical Not(!) operator </h3>
<p> Using the logical not operator with a method to negative values and boolean output </p>
<script>
console.log("JavaScript unary Logical Not(!) operator ");
function unary_function(not) {
this.number = not;
}
unary_function.prototype.valueOf = function() {
return this.number;
};
const obj_val = new  unary_function(!false);
const obj_val2 = new  unary_function(!"-5");
const obj_val3 = new  unary_function(!"5");
console.log(obj_val, !false);
console.log(obj_val2, !"-5");
console.log(obj_val3, !"5");
</script>
</body>
</html>

Output

The unary logical, not operator, data is shown as an output.

Prefix Unary increment (++) operator

Javascript unary increment operator increments the value before operation. This operator increments the value by one of the original and default values. This operator needs an operand to add the value and return the additional value.

Syntax

The following unary increment operator shows the functionality with the value.

let a = 4;
let b = ++a;
console.log(b);

The unary increment operator cancels a value when used to a non-numeric value. It works on the numerical input values for the addition operation.

Examples

The following examples use addition by one (increment) operator using the variable operand and unary increment operator.

Example 1: The given example displays the basic operation of the unary increment (++) operator with the operand.

<!DOCTYPE html>
<html>
<head>
<title> JavaScript unary increment (++) operator </title>
</head>
<body>
<h3> JavaScript unary increment (++) operator </h3>
<p> Show console tab to get the output of the add values </p>
<script>
console.log("JavaScript unary increment (++) operator");
let a = 10;
let b = ++a;
console.log(a);
console.log(b);
let c = '21';
console.log(++c); 
let d = false,
     e = true;
console.log(++d); // 0
console.log(++e); // 1
</script>
</body>
</html>

Output

The unary incremental operator data shows as an output.

Example 2: The given example displays the basic operation of the unary increment (++) operator with the operand. Here, we need a function with the "this" keyword for the basic addition operation and its output value.

<!DOCTYPE html>
<html>
<head>
<title> JavaScript unary increment (++) operator </title>
</head>
<body>
<h3> JavaScript unary increment (++) operator </h3>
<p> Show console tab to get the output of the add values </p>
<script>
console.log("JavaScript unary increment (++) operator");
function unary_function(plus) {
this.number = plus;
}
unary_function.prototype.valueOf = function() {
return this.number;
};
var obj_val = new  unary_function(28);
console.log(++obj_val);
console.log(++obj_val  - 1);
console.log(++obj_val + 1);
</script>
</body>
</html>

Output

The unary incremental operator data shows as an output.

Prefix Unary decrement (--) operator

Javascript unary decrement operator is used to decrement the value before operation. This operator decrements the value by one of the original and default values. This operator needs an operand to add the value and return the additional value.

Syntax

The following unary decrement operator shows the functionality with the value.

let a = 4;
let b = --a;
console.log(b); 

Example

The given example displays the basic operation of the unary decrement (--) operator with the operand.

<!DOCTYPE html>
<html>
<head>
<title> JavaScript unary decrement (--) operator </title>
</head>
<body>
<h3> JavaScript unary decrement (--) operator </h3>
<p> Show the console tab to get the output of the subtracted values </p>
<script>
console.log("JavaScript unary decrement (--) operator");
let a = 10;
let b = --a;
console.log(a);
console.log(b);
let c = '21';
console.log(--c); 
let d = false,
    e = true;
console.log(--d); 
console.log(--e); 
</script>
</body>
</html>

Output

The unary decrement operator data shows as an output.

Postfix Unary increment (++) operator

Javascript unary increment operator increments the value after the operation. This operator is used to increment value by one of the default values after the mathematical operation.

Syntax

The following postfix unary increment operator with the value.

let a = 4;
let b = a++;
console.log(a);

The unary increment operator cancels a value when used to a non-numeric value. The original variable can be incremented by one.

Example

The given example displays the operation of the postfix unary increment (++) operator with the operand.

<!DOCTYPE html>
<html>
<head>
<title> JavaScript postfix unary increment (a++) operator </title>
</head>
<body>
<h3> JavaScript postfix unary increment (a++) operator </h3>
<p> Show the console tab to get the output of the additional values after the functionality. </p>
<script>
console.log("JavaScript unary increment (++) operator");
let a = 10;
let b = a++;
console.log(a);
console.log(b);
let c = '21';
console.log(c++); 
console.log(c); 
let d = false,
     e = true;
console.log(d++); // 0
console.log(e++); // 1
</script>
</body>
</html>

Output

The unary incremental operator data shows as an output.

Postfix Unary decrement (--) operator

Javascript unary decrement operator decrements the value after the operation. The operator works to decrement the value by one of the default values after the mathematical operation.

Syntax

The following postfix unary decrement operator with the value.

let a = 4;
let b = a--;
console.log(a);

Example

The given example displays the operation of the postfix unary decrement (--) operator with the operand.

<!DOCTYPE html>
<html>
<head>
<title> JavaScript postfix unary decrement (a--) operator </title>
</head>
<body>
<h3> JavaScript postfix unary decrement (a--) operator </h3>
<p> Show the console tab to get the output of the additional values after the functionality. </p>
<script>
console.log("JavaScript unary decrement (--) operator");
let a = 76;
let b = a++;
console.log(a);
console.log(b);
let c = '81';
console.log(c--); 
console.log(c); 
</script>
</body>
</html>

Output

The postfix unary decremental operator data shows as an output.

Unary bitwise not (~) operator

It is a logical operator to operate binary, not an operation using invert functionality. It works for inverting the input value of the script.

Example

The given example displays the operation of the unary bitwise not (~) operator with the operand.

<!DOCTYPE html>
<html>
<head>
<title> JavaScript unary bitwise not (~) operator </title>
</head>
<body>
<h3> JavaScript unary bitwise not (~) operator </h3>
<p> Show the console tab to get the binary output, not functionality. </p>
<script>
console.log("JavaScript unary bitwise not (~) operator");
let a = ~76;
console.log(a);
let b = ~-76;
console.log(b);
let c = ~ '81';
console.log(c); 
</script>
</body>
</html>

Output

The unary bitwise not operator data shows as an output.

Unary delete operator

The deletes operator is a unary operator in javascript to delete the specific index of the array. It does not affect the operand, variable, and other functionality. The operator uses to delete a specific index before the operand with a variable and shows values as an output.

Example

The given example displays the operation of the unary delete operator with the operand.

<!DOCTYPE html>
<html>
<head>
<title> JavaScript unary delete operator </title>
</head>
<body>
<h3> JavaScript unary unary delete operator </h3>
<p> Show the console tab to get the output of the operand after the use of the delete operator. </p>
<script>
console.log("JavaScript unary unary delete operator");
let a = 76;
console.log(a);
delete a;
console.log(a); 
</script>
</body>
</html>

Output

The unary delete operator and show operand as an output.

Unary void operator

The void operator is a unary operator but uses as an expression to return the output of the undefined input data. The empty return type shows the function's information in the output tab. The void operator contains no input data and shows an undefined value.

Example

The given example displays the operation of the unary void operator with the javascript function.

<!DOCTYPE html>
<html>
<head>
<title> JavaScript unary void operator </title>
</head>
<body>
<h3> JavaScript unary unary void operator </h3>
<p> Show the console tab to get the operand output after using the void operator. </p>
<script>
console.log("JavaScript unary unary void operator");
void 0
var wlcm_var = function () {
console.log('hello students, welcome to tutorial!')
return 21;
}
var re_var = wlcm_var()
console.log(re_var);
var rslt_var = void (wlcm_var())
console.log(rslt_var);
</script>
</body>
</html>

Output

The unary void operator and show operand as an output.