Unary Operator: A unary operation contain only one operand. Here, ‘+’ unary plus operator converts its operand to Number type. While it also acts as an arithmetic operator with two operands which returns an addition result on calculation.
JavaScript Identifiers: Javascript Identifiers are used to name variables (and keywords, and functions, and labels).In Javascript, the first character must be a letter, or an underscore ( _ ), or a dollar sign ( $ ) but not digit and subsequent characters may be letters, digits, underscores, or dollar signs.
JavaScript +_ operator: It is a combination of the variable with symbol underscore( _ ) and unary plus ( + ) operator, + operator converts the type of _ variable to Number type for further operation.
Example: The variable “_” with string type is stored in variable “r” with “number” type.
- Input:
var _ = "1"; var r = +_;
- Output:
typeof(r) will be number
Example 1: Conversion of String to Number
HTML
<!DOCTYPE html> < html > < head > < title >Javascript Operator</ title > < script type = "text/javascript" ></ script > < link rel = "stylesheet" </ head > < body > < div class = "conintainer" > < p class = "w3-jumbo w3-text-green pad" align = "center" style = "margin: 0 0 0 0;" > GeeksforGeeks </ p > < p class = "w3-large w3-text-green pad" align = "center" > A computer science portal for geeks </ p > < p align = "center" > Type of variable(_) : < span id = "gfg" ></ span > < br /> Type of variable(a) : < span id = "gfg1" ></ span > </ p > < script type = "text/javascript" > GFG = function (_) { let b = typeof _; let a = +_; let c = typeof a; document.getElementById("gfg").innerHTML = b; document.getElementById("gfg1").innerHTML = c; }; GFG("21"); </ script > </ div > </ body > </ html > |
Output:
Example 2: Performing arithmetic addition operation by converting them to number type.
HTML
<!DOCTYPE html> < html > < head > < title >Addition Operation</ title > < script type = "text/javascript" ></ script > < link rel = "stylesheet" </ head > < body > < div class = "conintainer" > < p class = "w3-jumbo w3-text-green pad" align = "center" style = "margin: 0 0 0 0;" > GeeksforGeeks </ p > < p class = "w3-large w3-text-green pad" align = "center" > A computer science portal for geeks </ p > < p align = "center" > Value variable(_) : < span id = "gfg" ></ span > < br /> Value of variable($) : < span id = "gfg1" ></ span > < br /> Value of variable(Sum) : < span id = "gfg2" ></ span > </ p > < script type = "text/javascript" > GFG = function (_, $) { let c = +_ + +$; let a = +_; let b = +$; document.getElementById("gfg").innerHTML = a; document.getElementById("gfg1").innerHTML = b; document.getElementById("gfg2").innerHTML = c; }; GFG("21", "45"); </ script > </ div > </ body > </ html > |
Output: