Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про JavaScript: деструктуризация, spread

Что такое деструктуризация?

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

Короткий ответ

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

Длинный ответ

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

  • Деструктуризация массивов: Позволяет извлекать элементы массива в переменные. Например:

const colors = ['red', 'green', 'blue']; 
const [firstColor, secondColor] = colors; // firstColor = 'red', secondColor = 'green'
  • Деструктуризация объектов: Позволяет извлекать свойства объекта в переменные. Например:

const person = { name: 'Alice', age: 25 }; 
const { name, age } = person; // name = 'Alice', age = 25
  • Параметры функции: Деструктуризацию можно использовать и в параметрах функций для извлечения значений из объектов:

function greet({ name }) {    
	console.log(`Hello, ${name}!`); 
} 
greet({ name: 'Alice' }); // Hello, Alice!

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

Уровень

  • Рейтинг:

    3

  • Сложность:

    4

Навыки

  • JavaScript

    JavaScript

Ключевые слова

#деструктуризация

#spread

Подпишись на React Developer в телеграм