React Frontend Developer

Question 1

Что такое ArrayBuffer и в чем разница между типами Uint32Array и Float32Array?

Accepted Answer

ArrayBuffer — это объект, который хранит фиксированное количество байт данных в памяти. Он используется для работы с бинарными данными. Uint32Array и Float32Array — это типизированные массивы, которые представляют разные типы данных: Uint32Array работает с беззнаковыми целыми числами, а Float32Array — с числами с плавающей точкой. Основное различие между ними — в типе данных, который они хранят.

Question 2

Что делает метод Array.prototype.filter?

Accepted Answer

Array.prototype.filter создаёт новый массив, включающий только те элементы, для которых callback-функция вернула true. Исходный массив при этом не изменяется. Callback вызывается для каждого элемента массива по порядку. Метод часто используется для отбора данных по условию.

Question 3

Каким образом литеральная запись массива связана с прототипным наследованием от Array.prototype?

Accepted Answer

Литеральная запись массива (например, [1, 2, 3]) автоматически создает экземпляр Array, который наследует методы от Array.prototype. Это происходит благодаря тому, что движок JavaScript неявно вызывает конструктор Array при использовании литерала. Таким образом, все массивы получают доступ к методам вроде push, pop, map и другим через цепочку прототипов.

Question 4

Как организовать очередь в JavaScript без использования структуры данных с O(1) shift, и стоит ли использовать Array.prototype.shift() при высокой нагрузке?

Accepted Answer

Метод Array.prototype.shift() имеет сложность O(n), так как при удалении первого элемента все остальные сдвигаются. Для очереди с высокой нагрузкой лучше использовать связный список или реализацию с двумя указателями (head/tail) на объекте. Также можно применять кольцевой буфер или библиотеки вроде 'denque'.

Question 5

Какие ещё способы есть для проверки, является ли значение массивом, помимо Array.isArray?

Accepted Answer

Помимо Array.isArray, можно использовать оператор instanceof ([] instanceof Array), но он может давать ложные результаты при работе с несколькими фреймами или iframe. Другой способ — Object.prototype.toString.call(value) === '[object Array]', который более надёжен. Также можно проверить свойство constructor: value.constructor === Array, но оно может быть изменено. Array.isArray остаётся предпочтительным методом.

Question 6

Чем Array.prototype.reduce отличается от filter и map, и когда его предпочтительнее использовать?

Accepted Answer

Методы filter и map возвращают новый массив: filter отбирает элементы по условию, map преобразует каждый элемент. Reduce же аккумулирует значения, возвращая одно итоговое значение любого типа (число, объект, массив). Reduce предпочтительнее, когда нужно свести массив к одному результату, например, суммировать числа, сгруппировать объекты или построить сложную структуру данных.

Question 7

Чем Array.from с параметром длины отличается от постепенного наполнения массива через push с точки зрения производительности?

Accepted Answer

Array.from с указанием длины создает массив с заранее выделенной памятью, что быстрее, чем постепенное наполнение через push. При push массив может многократно перераспределять память при превышении емкости. Array.from эффективнее для создания массивов известного размера.

Question 8

Какова сложность операции Array.find() и как её можно оптимизировать?

Accepted Answer

Array.find() имеет линейную сложность O(n), так как в худшем случае проходит по всем элементам массива. Для оптимизации можно использовать хеш-таблицы (Set или Map) для поиска за O(1), если не важен порядок. Также можно отсортировать массив и применить бинарный поиск O(log n), но это требует предварительной сортировки.

Вопросы React Frontend Developer