Переменные и типы данных в JavaScript: Полное руководство с примерами

Введение

JavaScript — это мощный язык программирования, который используется для создания интерактивных веб-страниц. Одной из ключевых концепций в JavaScript являются переменные и типы данных. В этой статье мы подробно рассмотрим, что такое переменные, какие типы данных существуют в JavaScript, и как с ними работать.

Переменные в JavaScript

Переменные в JavaScript используются для хранения данных, которые могут изменяться в процессе выполнения программы. Для объявления переменных используются ключевые слова var, let и const.

Объявление переменных

// Объявление переменной с использованием var
var name = "John";

// Объявление переменной с использованием let
let age = 30;

// Объявление константы с использованием const
const birthYear = 1990;

Различия между var, let и const

• var: Имеет функциональную область видимости и может быть переопределена.
• let: Имеет блочную область видимости и не может быть переопределена в пределах одного блока.
• const: Имеет блочную область видимости и не может быть изменена после инициализации.

Типы данных в JavaScript

JavaScript поддерживает несколько типов данных, которые можно разделить на примитивные и непримитивные.

Примитивные типы данных

String: Строки текста.

let greeting = "Hello, world!";

Number: Числа, включая целые и дробные.

let age = 25;
let price = 19.99;

BigInt: Целые числа произвольной длины.

let bigNumber = 123456789012345678901234567890n;

Boolean: Логические значения true или false.

let isActive = true;

undefined: Переменная объявлена, но не инициализирована.

let user;

null: Явное указание на отсутствие значения.

let emptyValue = null;

Symbol: Уникальные и неизменяемые значения.

let uniqueId = Symbol('id');

Непримитивные типы данных

Object: Коллекции ключ-значение.

let user = {
    name: "John",
    age: 30
};

Array: Упорядоченные коллекции данных.

let numbers = [1, 2, 3, 4, 5];

Проверка типа данных

Для проверки типа данных переменной используется оператор typeof.

let name = "John";
console.log(typeof name); // "string"

let age = 30;
console.log(typeof age); // "number"

let isActive = true;
console.log(typeof isActive); // "boolean"

let user;
console.log(typeof user); // "undefined"

let emptyValue = null;
console.log(typeof emptyValue); // "object" (известная ошибка в JavaScript)

Примеры использования переменных и типов данных

Пример 1: Работа с переменными

let userName = "Alice";
let userAge = 25;

console.log(`User name is ${userName} and age is ${userAge}.`);

Пример 2: Использование различных типов данных

let productName = "Laptop";
let productPrice = 999.99;
let isAvailable = true;
let discount = null;
let productId = Symbol('id');

console.log(`Product: ${productName}`);
console.log(`Price: $${productPrice}`);
console.log(`Available: ${isAvailable}`);
console.log(`Discount: ${discount}`);
console.log(`Product ID: ${productId.toString()}`);

Заключение

Понимание переменных и типов данных в JavaScript является основополагающим для написания эффективного и надежного кода. В этой статье мы рассмотрели основные типы данных и способы работы с переменными. Надеемся, что предоставленные примеры помогут вам лучше понять эти концепции и применять их на практике.