Основы JavaScript

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

В JavaScript существует несколько основных типов данных, которые делятся на примитивные и объекты:

• Примитивные типы данных: number, string, boolean, null, undefined, symbol, bigint
• Объекты: Массивы, функции, объекты, и другие сложные структуры данных.

// Примеры примитивных типов данных
let number = 42; // Число
let text = "Привет, мир!"; // Строка
let isTrue = true; // Булево значение
let empty = null; // Null
let undefinedVar; // Undefined

// Примеры объектов
let person = {
    name: "John",
    age: 30
}; // Объект

let numbers = [1, 2, 3, 4, 5]; // Массив
            

Операции с числами и строками

JavaScript поддерживает арифметические операции с числами, а также операции над строками.

Арифметические операции

// Арифметические операции
let sum = 10 + 5; // 15
let difference = 10 - 5; // 5
let product = 10 * 5; // 50
let quotient = 10 / 2; // 5
let remainder = 10 % 3; // 1

// Инкремент и декремент
let count = 0;
count++; // 1
count--; // 0
            

Операции со строками

// Операции над строками
let greeting = "Привет, " + "мир!"; // Конкатенация строк
let name = "John";
let message = `Привет, ${name}!`; // Шаблонные строки

// Длина строки
console.log(greeting.length); // 12

// Извлечение подстроки
let substring = greeting.slice(0, 6); // "Привет"
            

Преобразование типов

// Преобразование типов
let num = "42";
let parsedNum = Number(num); // 42

let boolValue = Boolean(0); // false
let stringValue = String(123); // "123"
            

Объекты и массивы

Объекты и массивы являются основными структурами данных в JavaScript, позволяющими хранить и управлять коллекциями данных.

Работа с объектами

// Создание объекта
let car = {
    brand: "Toyota",
    model: "Corolla",
    year: 2020
};

// Доступ к свойствам
console.log(car.brand); // "Toyota"

// Добавление новых свойств
car.color = "синий";

// Удаление свойств
delete car.year;
            

Работа с массивами

// Создание массива
let fruits = ["яблоко", "банан", "апельсин"];

// Доступ к элементам массива
console.log(fruits[0]); // "яблоко"

// Добавление элемента в массив
fruits.push("груша");

// Удаление последнего элемента
fruits.pop();

// Перебор массива
fruits.forEach(fruit => console.log(fruit));
            

Условные операторы

Условные операторы позволяют выполнять определенные действия в зависимости от логических условий.

if...else

// Пример использования if...else
let age = 18;

if (age >= 18) {
    console.log("Вы совершеннолетний");
} else {
    console.log("Вы несовершеннолетний");
}
            

Тернарный оператор

// Пример использования тернарного оператора
let age = 18;
let status = (age >= 18) ? "совершеннолетний" : "несовершеннолетний";
console.log(status); // "совершеннолетний"
            

switch

// Пример использования switch
let color = "красный";

switch (color) {
    case "красный":
        console.log("Стоп");
        break;
    case "желтый":
        console.log("Внимание");
        break;
    case "зеленый":
        console.log("Иди");
        break;
    default:
        console.log("Неизвестный цвет");
}
            

Циклы

Циклы используются для многократного выполнения одного и того же блока кода. В JavaScript доступны несколько типов циклов.

for

// Пример использования for
for (let i = 0; i < 5; i++) {
    console.log(i);
}
            

while

// Пример использования while
let count = 0;
while (count < 5) {
    console.log(count);
    count++;
}
            

do...while

// Пример использования do...while
let count = 0;
do {
    console.log(count);
    count++;
} while (count < 5);
            

Функции и области видимости

Функции позволяют организовать и переиспользовать код, а также обеспечивают области видимости для переменных.

Объявление функций

// Обычное объявление функции
function greet(name) {
    return "Привет, " + name + "!";
}

// Вызов функции
console.log(greet("Мир")); // Привет, Мир!
            

Стрелочные функции

// Стрелочная функция
const greet = (name) => {
    return "Привет, " + name + "!";
};

console.log(greet("Мир")); // Привет, Мир!
            

Область видимости

// Глобальная и локальная область видимости
let globalVar = "Я глобальная";

function myFunction() {
    let localVar = "Я локальная";
    console.log(globalVar); // Доступ к глобальной переменной
    console.log(localVar); // Доступ к локальной переменной
}

myFunction();
console.log(localVar); // Ошибка, переменная не доступна вне функции