В JavaScript переменные можно объявлять с помощью ключевых слов var, let и const.

1️⃣ var — старый способ объявления переменных, который имеет функциональную область видимости и поддерживает поднятие (hoisting). Однако, из-за особенностей работы с областью видимости, его использование не рекомендуется.

2️⃣ let — современный способ объявления переменных, который имеет блочную область видимости. Это позволяет избежать проблем, связанных с var.

3️⃣ const — используется для объявления констант, значения которых нельзя изменить после инициализации. Также имеет блочную область видимости.

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

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

Примитивные типы данных включают:

🟡 number для чисел (целых и с плавающей точкой),
🟡 string для строк,
🟡 boolean для логических значений true и false,
🟡 null для обозначения отсутствия значения,
🟡 undefined для переменных, которым не присвоено значение,
🟡 symbol для создания уникальных идентификаторов,
🟡 bigint для представления целых чисел произвольной длины.

Ссылочный тип данных — это object, который может включать массивы, функции и другие объекты.

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

null и undefined — это два разных типа данных в JavaScript, которые часто используются для обозначения отсутствия значения, но имеют разные значения и применения.

😎 undefined означает, что переменная была объявлена, но ей не было присвоено значение. Это значение по умолчанию для неинициализированных переменных и отсутствующих параметров функции.

😎 null используется для явного указания на отсутствие значения. Это значение, которое программист может присвоить переменной, чтобы показать, что она намеренно не содержит данных.

✔️ Таким образом, undefined — это отсутствие значения по умолчанию, а null — это намеренное отсутствие значения.

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

Операторы == и === используются для сравнения значений, но работают по-разному.

🔵Оператор == выполняет нестрогое сравнение, что означает приведение типов. Например, 5 == '5' вернёт true, так как строка '5' будет приведена к числу перед сравнением.

🔵Оператор === выполняет строгое сравнение, без приведения типов. Это означает, что 5 === '5' вернёт false, так как типы данных различны (число и строка).

✅Использование === предпочтительнее для избежания неожиданных результатов из-за приведения типов.

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

💡Всплытие переменных (hoisting) — это механизм, при котором объявления переменных и функций перемещаются в начало их области видимости во время компиляции. Это означает, что переменные и функции могут быть использованы до их фактического объявления в коде.

Однако, важно помнить, что только объявления переменных всплывают, а не их инициализация. Например:

console.log(x); // undefined
var x = 5;
console.log(x); // 5

⏩В этом примере переменная x объявляется в начале, но инициализируется только после первой console.log. В случае let и const переменные также всплывают, но остаются во "временной мертвой зоне" до инициализации.

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

Деструктуризация - это способ извлечения значений из объектов или массивов в отдельные переменные.

⏩ При деструктуризации объекта используются фигурные скобки:

const person = { name: 'Maria', age: 30 };
const { name, age } = person;

⏩ При деструктуризации массива используются квадратные скобки:

const colors = ['red', 'green', 'blue'];
const [first, second] = colors;

⏩ Можно задавать значения по умолчанию:

const { name, country = 'RUSSIA' } = person;

Деструктуризация часто используется в параметрах функций и при работе с импортами модулей для более чистого и лаконичного кода.

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

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

🔴Объекты создаются с помощью фигурных скобок {}. Например: cont user = { name: "Maria", age: 25 };. Объекты широко используются для моделирования реальных сущностей и хранения данных в удобной для доступа форме.

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

✅ Метод filter используется для создания нового массива, содержащего элементы, прошедшие проверку, заданную в переданной функции. Эта функция принимает элемент массива и возвращает true, если элемент должен быть включен в новый массив, и false в противном случае.

✅ filter не изменяет оригинальный массив. В примере ниже filter создает новый массив, содержащий только четные числа.

const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // [2, 4]

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

Шаблонные строки — это способ создания строк, который позволяет встраивать выражения и поддерживает многострочные строки. Они заключаются в обратные кавычки вместо обычных одинарных или двойных кавычек.

🟢 Внутри шаблонных строк можно использовать синтаксис ${expression} для вставки значений переменных или результатов выражений.

const name = "Алексей";
const age = 30;
const greeting = `Привет, меня зовут ${name} и мне ${age} лет.`;
console.log(greeting); // Привет, меня зовут Алексей и мне 30 лет.

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

🔥Rest-параметры позволяют функциям принимать произвольное количество аргументов в виде массива. Это удобно, когда заранее неизвестно, сколько аргументов будет передано функции.

Синтаксис rest-параметров прост: в объявлении функции перед именем параметра ставится троеточие (...). Этот параметр собирает все оставшиеся аргументы, переданные функции, в массив.

function sum(...numbers) {
  return numbers.reduce((acc, num) => acc + num, 0);
}

console.log(sum(1, 2, 3)); // 6

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

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

💡Массив — это структура данных, которая позволяет хранить упорядоченные коллекции значений. Каждый элемент массива имеет индекс, начиная с нуля, что позволяет быстро получать доступ к элементам по их позициям. Массивы могут содержать элементы любого типа, включая числа, строки, объекты и даже другие массивы.

Создание массива осуществляется с помощью квадратных скобок: const arr = [1, 2, 3];. Массивы обладают множеством встроенных методов, таких как map(), filter(), reduce(), которые позволяют выполнять операции над элементами массива.

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

👉 Для проверки значения на null или undefined в JavaScript можно использовать строгие сравнения. Оператор === позволяет точно определить, является ли значение null или undefined.

function isNullOrUndefined(value) {
    return value === null || value === undefined;
}

👉 Эта функция возвращает true, если переданное значение равно null или undefined, и false в противном случае. Использование строгого сравнения гарантирует, что проверка будет точной и не вызовет неожиданных результатов.

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

Для вывода информации в консоль JavaScript используется метод console.log(). Этот метод позволяет отображать текстовые сообщения, значения переменных и результаты вычислений.

console.log("Hello, World!");

Кроме console.log(), существуют и другие методы для вывода информации:

⏩ console.error(): выводит сообщения об ошибках.
⏩ console.warn(): выводит предупреждения.
⏩ console.info(): выводит информационные сообщения.
⏩ console.table(): отображает данные в табличном формате.

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

Комментарии используются для пояснения кода и могут быть однострочными или многострочными.

😎 Однострочные комментарии начинаются с двойного слэша //. Они полезны для кратких пояснений или временного отключения кода:

// Это однострочный комментарий

😎 Многострочные комментарии заключаются между /* и */. Они подходят для более длинных пояснений или документации:

/*
Это многострочный комментарий.
Он может занимать несколько строк.
*/

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

📌 Тернарный оператор — это краткая форма условного выражения, которая позволяет выполнить одну из двух операций в зависимости от условия. Он имеет следующий синтаксис:

condition ? expressionIfTrue : expressionIfFalse;

🔘 Тернарный оператор часто используется для простых условий, где требуется выбрать одно из двух значений.

const age = 18;
const canVote = age >= 18 ? 'Yes' : 'No';

🔘 В этом примере, если age больше или равно 18, переменной canVote присваивается значение 'Yes', иначе — 'No'. Это упрощает код и делает его более читаемым.

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

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

✈️ JS собеседования

▶️NaN (Not-a-Number) в JavaScript обозначает значение, которое не является числом. Оно возникает в результате некорректных математических операций, например, деления нуля на ноль или преобразования строки в число. Для проверки значения на NaN используется функция isNaN():

const value = NaN;
console.log(isNaN(value)); // true

▶️ Также можно использовать Number.isNaN(), которая более строго проверяет, является ли значение NaN:

const value = NaN;
console.log(Number.isNaN(value)); // true

✔️ Number.isNaN() предпочтительнее, так как не приводит аргумент к числу перед проверкой.

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

👉 setTimeout — это функция в JavaScript, которая позволяет выполнить код или функцию через определённый промежуток времени. Она принимает два аргумента: функцию для выполнения и задержку в миллисекундах.

setTimeout(() => {
  console.log('Hello after 2 seconds');
}, 2000);

👉 В этом примере сообщение будет выведено в консоль через 2 секунды. setTimeout не блокирует выполнение кода, а ставит задачу в очередь, которая будет выполнена после указанной задержки.

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

✅ Метод split() в JavaScript используется для разделения строки на массив подстрок, основываясь на заданном разделителе. Этот метод не изменяет оригинальную строку, а возвращает новый массив.

const str = "apple,banana,cherry";
const fruits = str.split(",");
// Результат: ["apple", "banana", "cherry"]

💡 Разделитель может быть строкой или регулярным выражением. Если разделитель не указан, метод возвращает массив с одной строкой — исходной. Также можно указать второй параметр — максимальное количество элементов в массиве.

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования

Метод Date.now() возвращает количество миллисекунд, прошедших с 1 января 1970 года 00:00:00 UTC, что позволяет получить текущее время в формате временной метки.

✈️ JS собеседования

➡️ Первый способ — использовать метод toString(), который вызывается на числовом значении:

const num = 123;
const str = num.toString(); // "123"

➡️ Второй способ — использовать функцию String(), которая принимает число в качестве аргумента:

const num = 456;
const str = String(num); // "456"

➡️ Третий способ — конкатенация с пустой строкой, что также приводит к преобразованию:

const num = 789;
const str = num + ''; // "789"

Ставь 👍, если было полезно!
Больше ответов на сайте 👈

✈️ JS собеседования