Expressions and operators
This chapter documents all the JavaScript language operators, expressions and keywords.
Expressions and operators by category
For an alphabetical listing see the sidebar on the left.
Primary expressions
Basic keywords and general expressions in JavaScript. These expressions have the highest precedence (higher than operators).
- {{jsxref("Operators/this", "this")}}
- : The
this
keyword refers to a special property of an execution context.
- : The
- Literals
- : Basic
null
, boolean, number, and string literals.
- : Basic
- {{jsxref("Array", "[]")}}
- : Array initializer/literal syntax.
- {{jsxref("Operators/Object_initializer", "{}")}}
- : Object initializer/literal syntax.
- {{jsxref("Operators/function", "function")}}
- : The
function
keyword defines a function expression.
- : The
- {{jsxref("Operators/class", "class")}}
- : The
class
keyword defines a class expression.
- : The
- {{jsxref("Operators/function*", "function*")}}
- : The
function*
keyword defines a generator function expression.
- : The
- {{jsxref("Operators/async_function", "async function")}}
- : The
async function
defines an async function expression.
- : The
- {{jsxref("Operators/async_function*", "async function*")}}
- : The
async function*
keywords define an async generator function expression.
- : The
- {{jsxref("RegExp", "/ab+c/i")}}
- : Regular expression literal syntax.
- {{jsxref("Template_literals", "
string
")}}- : Template literal syntax.
- {{jsxref("Operators/Grouping", "( )")}}
- : Grouping operator.
Left-hand-side expressions
Left values are the destination of an assignment.
- {{jsxref("Operators/Property_accessors", "Property accessors", "", 1)}}
- : Member operators provide access to a property or method of an object (
object.property
andobject["property"]
).
- : Member operators provide access to a property or method of an object (
- {{jsxref("Operators/Optional_chaining", "?.")}}
- {{jsxref("Operators/new", "new")}}
- : The
new
operator creates an instance of a constructor.
- : The
- {{jsxref("Operators/new%2Etarget", "new.target")}}
- : In constructors,
new.target
refers to the constructor that was invoked by {{jsxref("Operators/new", "new")}}.
- : In constructors,
- {{jsxref("Operators/import%2Emeta", "import.meta")}}
- : An object exposing context-specific metadata to a JavaScript module.
- {{jsxref("Operators/super", "super")}}
- : The
super
keyword calls the parent constructor or allows accessing properties of the parent object.
- : The
- {{jsxref("Operators/import", "import()")}}
- : The
import()
syntax allows loading a module asynchronously and dynamically into a potentially non-module environment.
- : The
Increment and decrement
Postfix/prefix increment and postfix/prefix decrement operators.
- {{jsxref("Operators/Increment", "A++")}}
- : Postfix increment operator.
- {{jsxref("Operators/Decrement", "A--")}}
- : Postfix decrement operator.
- {{jsxref("Operators/Increment", "++A")}}
- : Prefix increment operator.
- {{jsxref("Operators/Decrement", "--A")}}
- : Prefix decrement operator.
Unary operators
A unary operation is an operation with only one operand.
- {{jsxref("Operators/delete", "delete")}}
- : The
delete
operator deletes a property from an object.
- : The
- {{jsxref("Operators/void", "void")}}
- : The
void
operator evaluates an expression and discards its return value.
- : The
- {{jsxref("Operators/typeof", "typeof")}}
- : The
typeof
operator determines the type of a given object.
- : The
- {{jsxref("Operators/Unary_plus", "+")}}
- : The unary plus operator converts its operand to Number type.
- {{jsxref("Operators/Unary_negation", "-")}}
- : The unary negation operator converts its operand to Number type and then negates it.
- {{jsxref("Operators/Bitwise_NOT", "~")}}
- : Bitwise NOT operator.
- {{jsxref("Operators/Logical_NOT", "!")}}
- : Logical NOT operator.
- {{jsxref("Operators/await", "await")}}
- : Pause and resume an async function and wait for the promise's fulfillment/rejection.
Arithmetic operators
Arithmetic operators take numerical values (either literals or variables) as their operands and return a single numerical value.
- {{jsxref("Operators/Exponentiation", "**")}}
- : Exponentiation operator.
- {{jsxref("Operators/Multiplication", "*")}}
- : Multiplication operator.
- {{jsxref("Operators/Division", "/")}}
- : Division operator.
- {{jsxref("Operators/Remainder", "%")}}
- : Remainder operator.
- {{jsxref("Operators/Addition", "+")}} (Plus)
- : Addition operator.
- {{jsxref("Operators/Subtraction", "-")}}
- : Subtraction operator.
Relational operators
A comparison operator compares its operands and returns a boolean value based on whether the comparison is true.
- {{jsxref("Operators/Less_than", "<")}} (Less than)
- : Less than operator.
- {{jsxref("Operators/Greater_than", ">")}} (Greater than)
- : Greater than operator.
- {{jsxref("Operators/Less_than_or_equal", "<=")}}
- : Less than or equal operator.
- {{jsxref("Operators/Greater_than_or_equal", ">=")}}
- : Greater than or equal operator.
- {{jsxref("Operators/instanceof", "instanceof")}}
- : The
instanceof
operator determines whether an object is an instance of another object.
- : The
- {{jsxref("Operators/in", "in")}}
- : The
in
operator determines whether an object has a given property.
- : The
Note:
=>
is not an operator, but the notation for Arrow functions.
Equality operators
The result of evaluating an equality operator is always of type boolean based on whether the comparison is true.
- {{jsxref("Operators/Equality", "==")}}
- : Equality operator.
- {{jsxref("Operators/Inequality", "!=")}}
- : Inequality operator.
- {{jsxref("Operators/Strict_equality", "===")}}
- : Strict equality operator.
- {{jsxref("Operators/Strict_inequality", "!==")}}
- : Strict inequality operator.
Bitwise shift operators
Operations to shift all bits of the operand.
- {{jsxref("Operators/Left_shift", "<<")}}
- : Bitwise left shift operator.
- {{jsxref("Operators/Right_shift", ">>")}}
- : Bitwise right shift operator.
- {{jsxref("Operators/Unsigned_right_shift", ">>>")}}
- : Bitwise unsigned right shift operator.
Binary bitwise operators
Bitwise operators treat their operands as a set of 32 bits (zeros and ones) and return standard JavaScript numerical values.
- {{jsxref("Operators/Bitwise_AND", "&")}}
- : Bitwise AND.
- {{jsxref("Operators/Bitwise_OR", "|")}}
- : Bitwise OR.
- {{jsxref("Operators/Bitwise_XOR", "^")}}
- : Bitwise XOR.
Binary logical operators
Logical operators implement boolean (logical) values and have short-circuiting behavior.
- {{jsxref("Operators/Logical_AND", "&&")}}
- : Logical AND.
- {{jsxref("Operators/Logical_OR", "||")}}
- : Logical OR.
- {{jsxref("Operators/Nullish_coalescing", "??")}}
- : Nullish Coalescing Operator.
Conditional (ternary) operator
- {{jsxref("Operators/Conditional_operator", "(condition ? ifTrue : ifFalse)")}}
- : The conditional operator returns one of two values based on the logical value of the condition.
Assignment operators
An assignment operator assigns a value to its left operand based on the value of its right operand.
- {{jsxref("Operators/Assignment", "=")}}
- : Assignment operator.
- {{jsxref("Operators/Multiplication_assignment", "*=")}}
- : Multiplication assignment.
- {{jsxref("Operators/Division_assignment", "/=")}}
- : Division assignment.
- {{jsxref("Operators/Remainder_assignment", "%=")}}
- : Remainder assignment.
- {{jsxref("Operators/Addition_assignment", "+=")}}
- : Addition assignment.
- {{jsxref("Operators/Subtraction_assignment", "-=")}}
- : Subtraction assignment
- {{jsxref("Operators/Left_shift_assignment", "<<=")}}
- : Left shift assignment.
- {{jsxref("Operators/Right_shift_assignment", ">>=")}}
- : Right shift assignment.
- {{jsxref("Operators/Unsigned_right_shift_assignment", ">>>=")}}
- : Unsigned right shift assignment.
- {{jsxref("Operators/Bitwise_AND_assignment", "&=")}}
- : Bitwise AND assignment.
- {{jsxref("Operators/Bitwise_XOR_assignment", "^=")}}
- : Bitwise XOR assignment.
- {{jsxref("Operators/Bitwise_OR_assignment", "|=")}}
- : Bitwise OR assignment.
- {{jsxref("Operators/Exponentiation_assignment", "**=")}}
- : Exponentiation assignment.
- {{jsxref("Operators/Logical_AND_assignment", "&&=")}}
- : Logical AND assignment.
- {{jsxref("Operators/Logical_OR_assignment", "||=")}}
- : Logical OR assignment.
- {{jsxref("Operators/Nullish_coalescing_assignment", "??=")}}
- : Nullish coalescing assignment.
[a, b] = arr
,{ a, b } = obj
- : Destructuring assignment allows you to assign the properties of an array or object to variables using syntax that looks similar to array or object literals.
Yield operators
- {{jsxref("Operators/yield", "yield")}}
- : Pause and resume a generator function.
- {{jsxref("Operators/yield*", "yield*")}}
- : Delegate to another generator function or iterable object.
Spread syntax
- {{jsxref("Operators/Spread_syntax", "...obj")}}
- : Spread syntax allows an iterable, such as an array or string, to be expanded in places where zero or more arguments (for function calls) or elements (for array literals) are expected. In an object literal, the spread syntax enumerates the properties of an object and adds the key-value pairs to the object being created.
Comma operator
- {{jsxref("Operators/Comma_operator", ",")}}
- : The comma operator allows multiple expressions to be evaluated in a single statement and returns the result of the last expression.