DEV Community

Cover image for JavaScript
Ezhil Arasan
Ezhil Arasan

Posted on

JavaScript

JavaScript Syntax
JavaScript syntax refers to the rules and conventions dictating how code is structured and arranged within the JavaScript programming language. This includes statements, expressions, variables, functions, operators, and control flow constructs.

Syntax

console.log("Basic Print method in JavaScript");

JavaScript Operators

Operators are for Mathematical and Logical Computations

The Assignment Operator = assigns values

The Addition Operator + adds values

The Multiplication Operator * multiplies values

The Comparison Operator > compares values

JavaScript Assignment

The Assignment Operator (=) assigns a value to a variable:
// Assign the value 5 to x
let x = 5;
// Assign the value 2 to y
let y = 2;
// Assign the value x + y to z:
let z = x + y;

JavaScript Addition

The Addition Operator (+) adds numbers:


let x = 5;
let y = 2;
let z = x + y;
Enter fullscreen mode Exit fullscreen mode

JavaScript Multiplication

The Multiplication Operator (*) multiplies numbers:

let x = 5;
let y = 2;
let z = x * y;
Enter fullscreen mode Exit fullscreen mode

JavaScript Conditionals

Conditional Statements

Conditional Statements allow us to perform different actions for different conditions.

Conditional statements run different code depending on true or false conditions.

Conditional statements include:

  1. if
  2. if...else
  3. if...else if...else
  4. switch
  5. ternary (? :)

When to use Conditionals

  • Use if to specify a code block to be executed, if a specified condition is true
  • Use else to specify a code block to be executed, if the same condition is false
  • Use else if to specify a new condition to test, if the first condition is false
  • Use switch to specify many alternative code blocks to be executed
  • Use (? :) (ternary) as a shorthand for if...else

The if Statement

Use if to specify a code block to be executed, if a specified condition is true.

Syntax

if (condition) {
  // code to execute if the condition is true
}
Enter fullscreen mode Exit fullscreen mode

The else Statement

Use else to specify a code block to be executed, if the same condition is false.

Syntax

if (condition) {
  // code to execute if the condition is true
} else {
  // code to execute if the condition is false
}
Enter fullscreen mode Exit fullscreen mode

The else if Statement

Use else if to specify a new condition to test, if the first condition is false.

Syntax

if (condition1) {
  // code to execute if condition1 is true
} else if (condition2) {
  // code to execute if the condition1 is false and condition2 is true
} else {
  // code to execute if the condition1 is false and condition2 is false
}

**The switch Statement**

Use switch to specify many alternative code blocks to be executed.
**Syntax**

Enter fullscreen mode Exit fullscreen mode

switch(expression) {
case x:
// code block
break;
case y:
// code block
break;
default:
// code block
}

Ternary Operator (? :)

Use (? :) (ternary) as a shorthand for if...else.
Example
condition ? expression1 : expression2

Top comments (1)

Collapse
 
karthick_07 profile image
Karthick (k)

πŸ™‚