DEV Community

Cover image for πŸš€ JavaScript Basic Syntax Examples
Usama
Usama

Posted on

πŸš€ JavaScript Basic Syntax Examples

JavaScript is one of the most popular programming languages in the world.
Here are some basic syntax examples that every beginner should know.


1. Variable Declarations

let name = "Usama";
let age = 22;
let isStudent = true;
let job = null;
let hobbies = ["reading", "gaming", "coding"];
let address = {
  street: "123 Main St",
  city: "Anytown",
  country: "Pakistan",
};
Enter fullscreen mode Exit fullscreen mode

2. Function Declaration

function greet() {
  console.log(`Hello, my name is ${name} and I am ${age} years old.`);
}
Enter fullscreen mode Exit fullscreen mode

3. Conditional Statement

if (isStudent) {
  console.log("I am a student.");
} else {
  console.log("I am not a student.");
}
Enter fullscreen mode Exit fullscreen mode

4. Loop Example

for (let i = 0; i < hobbies.length; i++) {
  console.log(`Hobby ${i + 1}: ${hobbies[i]}`);
}
Enter fullscreen mode Exit fullscreen mode

5. Object Method

function displayAddress() {
  console.log(
    `I live at ${address.street}, ${address.city}, ${address.country}.`
  );
}
Enter fullscreen mode Exit fullscreen mode

6. Arrow Function

const add = (a, b) => a + b;
Enter fullscreen mode Exit fullscreen mode

7. Template Literals

const message = `My name is ${name} and I am ${age} years old.
I enjoy ${hobbies.join(", ")}.`;
console.log(message);
Enter fullscreen mode Exit fullscreen mode

8. Destructuring Assignment

const { street, city, country } = address;
console.log(`Address: ${street}, ${city}, ${country}`);
Enter fullscreen mode Exit fullscreen mode

9. Spread Operator

const newHobbies = [...hobbies, "traveling", "photography"];
console.log("Updated hobbies:", newHobbies);
Enter fullscreen mode Exit fullscreen mode

10. Rest Parameter

function sum(...numbers) {
  return numbers.reduce((acc, num) => acc + num, 0);
}
console.log("Sum of numbers:", sum(1, 2, 3, 4, 5));
Enter fullscreen mode Exit fullscreen mode

11. Default Parameters

function multiply(a, b = 1) {
  return a * b;
}
console.log("Multiplication result:", multiply(5)); // b defaults to 1
Enter fullscreen mode Exit fullscreen mode

12. For...of Loop

for (const hobby of hobbies) {
  console.log(`Hobby: ${hobby}`);
}
Enter fullscreen mode Exit fullscreen mode

13. For...in Loop

for (const key in address) {
  console.log(`${key}: ${address[key]}`);
}
Enter fullscreen mode Exit fullscreen mode

βœ… Summary

In this example, we covered:

  • Variables (let, const)
  • Functions & Arrow Functions
  • Conditionals (if/else)
  • Loops (for, for...of, for...in)
  • Objects & Methods
  • Template Literals, Spread, Rest, Default Parameters

This is a beginner-friendly overview of JavaScript’s basic syntax. πŸš€

Top comments (0)