JS собеседования – Telegram
JS собеседования
470 subscribers
108 photos
108 links
Подготовка к собеседованиям по JavaScript

Еще больше разобранных вопросов на сайте https://frontview-it.ru

Frontend собеседования - @frontview_it
Frontend работа - @frontview_vacancies
Все IT вакансии - @frontview_all_vacancies
Download Telegram
Деструктуризация - это способ извлечения значений из объектов или массивов в отдельные переменные.

При деструктуризации объекта используются фигурные скобки:
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 собеседования
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14🔥21💯1
📝 Объект в JavaScript — это структура данных, которая позволяет хранить коллекции различных значений и более сложные сущности. Объекты состоят из пар "ключ-значение", где ключи — это строки (имена свойств), а значения могут быть любого типа, включая другие объекты.

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

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

✈️ JS собеседования
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13💯3🔥211🤩1
Метод 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 собеседования
Please open Telegram to view this post
VIEW IN TELEGRAM
👍152
Шаблонные строки — это способ создания строк, который позволяет встраивать выражения и поддерживает многострочные строки. Они заключаются в обратные кавычки вместо обычных одинарных или двойных кавычек.

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

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


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

✈️ JS собеседования
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🔥1
🔥Rest-параметры позволяют функциям принимать произвольное количество аргументов в виде массива. Это удобно, когда заранее неизвестно, сколько аргументов будет передано функции.

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

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

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


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

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

✈️ JS собеседования
Please open Telegram to view this post
VIEW IN TELEGRAM
👍91
💡Массив — это структура данных, которая позволяет хранить упорядоченные коллекции значений. Каждый элемент массива имеет индекс, начиная с нуля, что позволяет быстро получать доступ к элементам по их позициям. Массивы могут содержать элементы любого типа, включая числа, строки, объекты и даже другие массивы.

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

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

✈️ JS собеседования
Please open Telegram to view this post
VIEW IN TELEGRAM
👍113
👉 Для проверки значения на null или undefined в JavaScript можно использовать строгие сравнения. Оператор === позволяет точно определить, является ли значение null или undefined.

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


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

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

✈️ JS собеседования
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥1💊1
Для вывода информации в консоль JavaScript используется метод console.log(). Этот метод позволяет отображать текстовые сообщения, значения переменных и результаты вычислений.

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


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

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

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

✈️ JS собеседования
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16🔥2
Комментарии используются для пояснения кода и могут быть однострочными или многострочными.

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

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


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

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


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

✈️ JS собеседования
Please open Telegram to view this post
VIEW IN TELEGRAM
👍121👀1
📌 Тернарный оператор — это краткая форма условного выражения, которая позволяет выполнить одну из двух операций в зависимости от условия. Он имеет следующий синтаксис:

condition ? expressionIfTrue : expressionIfFalse;

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

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


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

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

✈️ JS собеседования
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14🔥1
🔥 Функция — это блок кода, который выполняет определённую задачу и может быть вызван многократно в разных частях программы. Она позволяет структурировать код, улучшая его читаемость и повторное использование, принимая параметры и возвращая значения.

✈️ JS собеседования
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥2
▶️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 собеседования
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🔥1
👉 setTimeout — это функция в JavaScript, которая позволяет выполнить код или функцию через определённый промежуток времени. Она принимает два аргумента: функцию для выполнения и задержку в миллисекундах.

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


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

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

✈️ JS собеседования
Please open Telegram to view this post
VIEW IN TELEGRAM
👍101
Метод split() в JavaScript используется для разделения строки на массив подстрок, основываясь на заданном разделителе. Этот метод не изменяет оригинальную строку, а возвращает новый массив.

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


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

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

✈️ JS собеседования
Please open Telegram to view this post
VIEW IN TELEGRAM
👍711
Метод Date.now() возвращает количество миллисекунд, прошедших с 1 января 1970 года 00:00:00 UTC, что позволяет получить текущее время в формате временной метки.

✈️ JS собеседования
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥2
➡️ Первый способ — использовать метод 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 собеседования
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14💯1
⚡️ Оператор typeof используется для определения типа значения переменной или выражения. Он возвращает строку, указывающую тип операнда.


console.log(typeof 42); // "number"
console.log(typeof 'Hello'); // "string"
console.log(typeof true); // "boolean"
console.log(typeof undefined); // "undefined"
console.log(typeof null); // "object" (особенность языка)
console.log(typeof {}); // "object"
console.log(typeof []); // "object"
console.log(typeof function(){}); // "function"


‼️ Важно помнить, что typeof null возвращает "object", что является исторической ошибкой в языке.

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

✈️ JS собеседования
Please open Telegram to view this post
VIEW IN TELEGRAM
👍111
Инкремент ++ и декремент -- — это унарные операторы в JavaScript, которые используются для увеличения или уменьшения значения переменной на единицу соответственно.

Инкремент ++ может быть префиксным (++x) или постфиксным (x++). Префиксный инкремент сначала увеличивает значение, а затем возвращает его. Постфиксный сначала возвращает значение, а затем увеличивает его.

Декремент -- работает аналогично, но уменьшает значение.


✈️ JS собеседования
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12🔥1
📍 Булевые значения в JavaScript представляют собой два возможных состояния: true (истина) и false (ложь). Они используются для выполнения логических операций и управления потоком выполнения кода.


// Присвоение булевых значений
const isActive = true;
const isComplete = false;

// Использование в условии
if (isActive) {
console.log("Активно");
} else {
console.log("Не активно");
}


В этом примере переменная isActive имеет значение true, поэтому выполняется блок кода внутри if, выводя "Активно".

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

✈️ JS собеседования
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🔥1
Цикл for используется для повторения блока кода определённое количество раз. Он состоит из трёх выражений: инициализация, условие и итерация. Эти выражения управляют началом, продолжением и шагом цикла.


// Инициализация: i = 0
// Условие: i < 5
// Итерация: i++
for (let i = 0; i < 5; i++) {
console.log(i); // Выводит числа от 0 до 4
}


Инициализация выполняется один раз в начале. Условие проверяется перед каждой итерацией, и если оно истинно, выполняется тело цикла. После каждой итерации выполняется выражение итерации.

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

✈️ JS собеседования
Please open Telegram to view this post
VIEW IN TELEGRAM
👍113
Для проверки равенства переменных используются операторы == и ===. Оператор == проверяет равенство с приведением типов, тогда как === проверяет строгое равенство без приведения типов, что делает его предпочтительным для точных сравнений.

✈️ JS собеседования
Please open Telegram to view this post
VIEW IN TELEGRAM
👍91