Smriti Singh

Posted on Jul 8

🧠 10-Day JavaScript Learning Challenge - Day2

#webdev #javascript #learning #programming

📅 Day 2: Data Types & Operators

Welcome back to Day 2 of the JavaScript Learning Challenge! 👋
Now that you've learned how to set up JavaScript and print output in the console, it’s time to dive deeper into one of the most fundamental aspects of JavaScript: Data Types and Operators.

🔢 JavaScript Data Types
In JavaScript, everything is a value. Every value has a type, and JavaScript has two broad categories:

✅ 1. Primitive Data Types
These are basic and immutable:

String – Text inside quotes

let name = "Smriti";

Number – Whole numbers or decimals

let age = 25;
let score = 98.6;

Boolean – true or false

let isLoggedIn = true;

Undefined – A variable declared but not assigned a value

let email;
console.log(email); // undefined

Null – Explicitly empty value

let address = null;

✅ 2. Non-Primitive (Reference) Data Types
These are mutable and store references to values (objects in memory):

🧱 Object
A collection of key-value pairs.

let person = {
  name: "Smriti",
  age: 25,
  isStudent: true
};

📦 Array
An ordered list of values (indexed from 0).

let fruits = ["apple", "banana", "mango"];

📜 Function
Functions are also objects!

function greet() {
  console.log("Hello, world!");
}

Unlike primitive types, non-primitive types are copied by reference — changing one changes the original.

🧮 JavaScript Operators
✅ 1. Arithmetic Operators
Used for math operations:

let a = 10;
let b = 5;

console.log(a + b); // 15
console.log(a - b); // 5
console.log(a * b); // 50
console.log(a / b); // 2
console.log(a % b); // 0

✅ 2. Assignment Operators
Used to assign or update variable values:

let x = 10;
x += 5; // x = x + 5
x -= 2; // x = x - 2

✅ 3. Comparison Operators
Used to compare values. Returns a boolean (true or false).

console.log(10 == "10");  // true (loose equality)
console.log(10 === "10"); // false (strict equality)
console.log(5 != 3);       // true
console.log(5 < 10);       // true
console.log(5 >= 5);       // true

✅ 4. Logical Operators
Used to combine boolean values:

let isStudent = true;
let hasID = false;

console.log(isStudent && hasID); // false (AND)
console.log(isStudent || hasID); // true (OR)
console.log(!isStudent);         // false (NOT)

✅ Mini Task: Create a Simple Calculator
Let’s build a simple calculator using the arithmetic operators we learned today.

Example:

let num1 = 12;
let num2 = 4;

console.log("Addition:", num1 + num2);
console.log("Subtraction:", num1 - num2);
console.log("Multiplication:", num1 * num2);
console.log("Division:", num1 / num2);
console.log("Remainder:", num1 % num2);

💡 Try modifying the values of num1 and num2 and re-running the code.
You can even extend this to ask for user input using prompt() (in browsers)!

❓ Interview Questions (Day 2 Topics)

What is the difference between primitive and non-primitive data types in JavaScript?
What are objects and arrays? How are they different?
What is the result of 5 == "5" and 5 === "5"? Why?
What does the && operator do? When would you use it?
How are variables assigned by value vs. reference in JavaScript?

🎉 Congrats on completing Day 2!
Tomorrow in Day 3, we’ll explore Conditional Statements and learn how to make decisions in your code using if, else, and switch.

DEV Community

🧠 10-Day JavaScript Learning Challenge - Day2

Top comments (0)