📱 Как работает Object.entries() в JS?

Object.entries() преобразует объект в массив пар [ключ, значение],что удобно для итерации и обработки данных.

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

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

➡️ @code_ready | #метод #js

📱 Вопрос с собеседования

Как работает "мемоизация" в JS и какие есть проблемы с её использованием?

Ответ:

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

• Принцип работы — функция, которая использует мемоизацию, сохраняет результаты вызовов с определенными аргументами и возвращает сохраненный результат при последующих вызовах с теми же аргументами.

• Проблемы с памятью — мемоизация может привести к потреблению значительного объема памяти, особенно если функция имеет большое количество уникальных аргументов. Это может вызвать проблемы с производительностью или утечки памяти.

• Проблемы с изменяемыми аргументами — если аргументы функции являются объектами или массивами, необходимо быть осторожным с их сериализацией и сравнением, поскольку ссылки на объекты могут изменяться.

➡️ @code_ready | #собеседование #js

📱 Как работает Array.from() в JS?

Функция Array.from: Создаёт новый массив из массивоподобного или итерируемого объекта, позволяя преобразовывать структуры данных, такие как строки или наборы, в массивы.

Она имеет несколько вариантов использования, давайте их разберём:

• Array.from('hello') — Преобразует строку в массив символов.

• Array.from(new Set([1, 2, 3])) — Преобразует Set в массив, убирая дубликаты.

• Array.from({ length: 5 }, (_, i) => i + 1) — Создаёт массив из 5 элементов с помощью функции-генератора.

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

➡️ @code_ready | #функция #js

📱 Переключаем видимость пароля

Этот код создает поле ввода пароля и чекбокс, который при активации переключает видимость пароля. При выборе чекбокса, тип ввода пароля меняется с "password" на "text" и наоборот.

<input type="password" id="passwordInput">
  <input type="checkbox" id="showPasswordCheckbox"> Показать пароль

const passwordInput = document.getElementById('passwordInput');
const showPasswordCheckbox = document.getElementById('showPasswordCheckbox');
showPasswordCheckbox.addEventListener('change', function() {
    if (showPasswordCheckbox.checked) {
        passwordInput.type = 'text';
    } else {
        passwordInput.type = 'password';}});

➡️ @code_ready | #обучение #js

📱 Вопрос с собеседования

Что такое рекурсия в JS и как ею пользоваться?

Ответ:

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

• Принцип работы — Рекурсивная функция должна иметь базовый случай (условие завершения), который предотвращает бесконечные вызовы. Каждый рекурсивный вызов решает более простую версию исходной задачи, пока не будет достигнут базовый случай.

• Проблемы с производительностью — Рекурсивные функции могут потреблять много памяти из-за хранения большого количества вызовов в стеке. Это может привести к ошибке переполнения стека (stack overflow), если глубина рекурсии слишком велика.

➡️ @code_ready | #собеседование #js

📱 Как работает Array.prototype,map() в JS?

Array.prototype,map() создает новый массив, заполняя его результатами вызова указанной функции для каждого элемента массива, по которому он был вызван.

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

Можно использовать map() для преобразования массива чисел в массив их квадратов или для извлечения определенных свойств из объектов.

➡️ @code_ready | #метод #js

📱 Извлечение значений параметров из URL

Используйте URLSearchParams для получения значения определенного параметра из URL, который можно использовать для выполнения действий на странице.

Это необходимо для динамической обработки данных, передаваемых через URL, что часто используется в веб-приложениях для фильтрации и сортировки, обработки данных, переданных через GET-запросы и сохранения состояния страницы.

Важно помнить, что метод get() возвращает null, если параметр отсутствует в URL. Поэтому стоит учитывать это при обработке значений.

➡️ @code_ready | #гайд #js

👩‍💻 Использование метода reduce() для подсчета частоты элементов в массиве.

🔊Таким образом мы можем подсчитывать количество вхождений каждого элемента в массиве и возвращать объект с уникальными элементами в качестве ключей и их частотой в качестве значений.

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

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

➡️ @code_ready | #трюк #js

📱 Вопрос с собеседования

Что такое WeakMap в JavaScript?

Ответ:

WeakMap — это коллекция пар "ключ-значение", где ключи являются объектами, а значения могут быть любого типа. Ключи в WeakMap являются слабыми ссылками, что позволяет им быть собранными сборщиком мусора, если на них больше нет сильных ссылок.

Методы WeakMap:

• set(key, value) — Добавляет пару ключ-значение в WeakMap.

• get(key) — Возвращает значение, связанное с указанным ключом. Если ключ не найден, возвращает undefined.

• has(key) — Проверяет наличие ключа в WeakMap.

• delete(key) — Удаляет элемент по указанному ключу.

➡️ @code_ready | #собеседование #js