Day Variables and Data Types in JavaScript

Day 2: Variables and Data Types in JavaScript

Welcome to Day 2 of learning JavaScript! Today, we’ll explore the building blocks of any program: variables and data types. These concepts are crucial as they form the foundation for everything you do in JavaScript.

What Are Variables?

A variable is like a container that holds data values. Think of it as a labeled box where you can store information, retrieve it later, or even change its contents.

Declaring Variables in JavaScript

JavaScript provides three ways to declare variables:

1. var - The old way (avoid using this unless necessary).
2. let - Recommended for variables that can change.
3. const - For variables that shouldn’t change (constants).

Example:

var oldWay = "Avoid this if possible";
let currentWay = "Use let for variables that can change";
const fixedValue = "Use const for constants";

Difference Between var, let, and const

Example:

var oldWay = "Avoid this if possible";
let currentWay = "Use let for variables that can change";
const fixedValue = "Use const for constants";

JavaScript Data Types

JavaScript has two types of data: Primitive and Non-Primitive.

Primitive Data Types

1. String: Textual data. Example:

function scopeTest() {
    if (true) {
        var x = "Function scope";
        let y = "Block scope";
        const z = "Constant";
    }
    console.log(x); // Accessible
    // console.log(y); // Error: y is not defined
    // console.log(z); // Error: z is not defined
}
scopeTest();

1. Number: Numeric data. Example:

   let name = "Arjun";
   console.log(name); // "Arjun"

1. Boolean: True or false values. Example:

   let age = 22;
   console.log(age); // 22

1. Null: Represents an intentional absence of value. Example:

   let isStart_up_guy = true;
   console.log(isStart_up_guy); // true

1. Undefined: A variable that has been declared but not assigned a value. Example:

   let emptyValue = null;
   console.log(emptyValue); // null

1. Symbol: A unique and immutable value. Example:

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

Type Conversion

JavaScript allows you to convert values between types.

Implicit Conversion (Coercion)

JavaScript sometimes converts types automatically.

Example:

   let uniqueKey = Symbol("key");
   console.log(uniqueKey); // Symbol(key)

Explicit Conversion

You can manually convert types using built-in functions like Number(), String(), or Boolean().

Example:

let result = "5" + 5; // String + Number
console.log(result); // "55" (string)

Practice for Today

1. Declare variables using let and const to store:

   • Your favorite book name.
   • The number of books you own.
   • Whether you like reading.

2. Try type conversion:

   • Convert a number to a string.
   • Convert a string to a number.

Summary of Day 2

Today, we covered:

1. Variables: var, let, and const.
2. Primitive Data Types: String, Number, Boolean, Null, Undefined, and Symbol.
3. Type Conversion: Implicit and explicit ways to convert types in JavaScript.

Next Steps

Tomorrow, we’ll dive into operators and expressions in JavaScript to start manipulating data and writing more complex programs. Stay tuned for Day 3: Operators and Expressions!

The above is the detailed content of Day Variables and Data Types in JavaScript. For more information, please follow other related articles on the PHP Chinese website!