JavaScript Variables and Data Types for Beginners

If you have ever typed "javascript variables explained for beginners" into a search bar, you are in the right place. This guide answers it in plain words: a variable is a labeled box that stores a piece of information (like a name, a price, or a true/false answer) so your program can use it later. By the end of this article, you will know how to create variables with let, const, and var, and how to recognize the basic data types JavaScript uses to store information.

No prior coding experience is needed. Every term is explained the first time it appears, and every code example is short enough to copy, paste, and run yourself.

What is a variable in JavaScript?

A variable is a named container that holds a value in your computer's memory. Instead of typing the same piece of data over and over, you give it a name once and reuse that name anywhere in your code.

let userName = "Maria";
console.log(userName);

Line 1 creates a variable called userName and stores the text "Maria" inside it, using the let keyword. Line 2 uses console.log(), a built-in function that prints a value to the browser or terminal console, so you can see what userName currently holds.

The three ways to declare a variable: let, const, and var

JavaScript gives you three keywords for creating variables. They all do the same basic job (store a value under a name), but they behave differently when it comes to changing that value later and where in your code they are visible.

let score = 10;
score = 20; // this works, because "let" allows reassignment

const pi = 3.14;
pi = 3.15; // this throws an error, because "const" cannot be reassigned

score is declared with let, so giving it a new value on line 2 works fine. pi is declared with const, so trying to change it on line 5 causes JavaScript to stop and show a TypeError. As a simple rule for beginners: start with const for every variable, and only switch to let if you know the value needs to change.

Rules for naming a variable

JavaScript is strict about how you can name a variable. Follow these rules or your code will not run:

• A name can contain letters, numbers, underscores (_), and dollar signs ($).
• A name cannot start with a number. userName1 is fine, 1userName is not.
• Names are case-sensitive, so age and Age are two different variables.
• You cannot use a reserved word like let, const, or function as a variable name.
• By convention, JavaScript variables use camelCase, like firstName instead of first_name.

JavaScript data types explained

A data type describes what kind of value a variable is holding, like text or a number. JavaScript checks this automatically, so you never have to declare the type yourself. The most common types beginners meet first are called primitive types, meaning they hold a single, simple value.

String: text values

let city = "London";
let greeting = 'Hello there';

A string is any text wrapped in quotes, either double quotes (") or single quotes ('). Both lines above create strings; JavaScript treats double and single quotes the same way.

Number: whole numbers and decimals

let age = 28;
let price = 19.99;

Unlike some languages, JavaScript uses a single number type for both whole numbers (28) and decimals (19.99). You never wrap a number in quotes; if you do, it becomes a string instead.

Boolean: true or false

let isLoggedIn = true;
let hasDiscount = false;

A boolean can only ever be one of two values: true or false. Booleans are what your code checks inside conditions, like "if the user is logged in, show their profile."

Undefined and null: missing values

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

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

middleName is declared but never given a value, so JavaScript automatically sets it to undefined. promoCode is deliberately set to null, which is a value programmers use to mean "empty on purpose." The difference is intent: undefined usually means a value was forgotten, while null means a value was intentionally left empty.

Arrays and objects: storing many values at once

Strings, numbers, and booleans hold one value each. When you need to group several values together, JavaScript gives you arrays and objects.

let fruits = ["apple", "banana", "cherry"];
let user = { name: "Maria", age: 28 };

fruits is an array, a list of values in a specific order, written with square brackets [ ]. user is an object, a collection of named properties written with curly braces { }, where name and age are labels for their values. Arrays and objects are big enough topics for their own guide, so for now just recognize the square-bracket and curly-brace shapes when you see them.

Checking a variable's type with typeof

If you are ever unsure what type a variable holds, JavaScript has a built-in tool called typeof that tells you.

console.log(typeof "hello"); // "string"
console.log(typeof 42);      // "number"
console.log(typeof true);    // "boolean"
console.log(typeof undefined); // "undefined"

Placing typeof before any value or variable returns a string naming its type. This is a handy debugging habit when your code is not behaving the way you expect.

Common mistakes beginners make with variables

• Forgetting quotes around text, so 28 becomes a number but "28" is a string, and mixing them up causes bugs.
• Trying to reassign a const variable, which always throws an error.
• Using var out of habit from old tutorials, when let or const is safer and clearer in modern code.
• Naming variables so vaguely (like x or data) that the code is hard to read later. Prefer clear names like cartTotal or isLoggedIn.
• Forgetting that variable names are case-sensitive, so userName and username are treated as two separate variables.