Ошибки, сложный материал, вопросы >
Нашли опечатку или неточность?

Выделите текст, нажмите ctrl + enter и отправьте его нам. В течение нескольких дней мы исправим ошибку или улучшим формулировку.

Что-то не получается или материал кажется сложным?

Загляните в раздел «Обсуждение»:

  • задайте вопрос нашим менторам. Вы быстрее справитесь с трудностями и прокачаете навык постановки правильных вопросов, что пригодится и в учёбе, и в работе программистом;
  • расскажите о своих впечатлениях. Если курс слишком сложный, подробный отзыв поможет нам сделать его лучше;
  • изучите вопросы других учеников и ответы на них. Это база знаний, которой можно и нужно пользоваться.
Об обучении на Хекслете

Оператор Spread (распаковка аргументов)

spread-оператор в вызовах функций синтаксически идентичен rest-оператору в определениях, но выполняет обратное действие. Посмотрим на примере функции sum, напоминаю её определение:

const sum = (...numbers) => {
  let result = 0;
  for (let num of numbers) {
    result += num;
  }
  return result;
};

Вызовем sum, применив spread-оператор к массиву аргументов:

const arrayOfNumbers = [1, 7, 4];
sum(...arrayOfNumbers); // 12

spread-оператор раскладывает массив на аргументы. Количество аргументов, полученных spread-оператором, равно количеству элементов массива. По сути, код выше преобразуется в вызов:

sum(arrayOfNumbers[0], arrayOfNumbers[1], arrayOfNumbers[2]);
// sum(1, 7, 4);

Как и в случае с определением функций, spread-оператор может использоваться совместно с позиционными аргументами:

const arrayOfNumbers = [1, 7, 4];
sum(8, ...arrayOfNumbers); // 20

sum(8, 10, ...arrayOfNumbers);     // 30
sum(8, 10, 70, ...arrayOfNumbers); // 100

В отличие от rest-оператора в определении функций, spread-оператор не обязательно должен быть последним, он может располагаться в любой позиции:

const arrayOfNumbers = [1, 7, 4];

sum(8, 10, ...arrayOfNumbers); // 30
sum(8, ...arrayOfNumbers, 10); // 30
sum(...arrayOfNumbers, 8, 10); // 30

Более того, может быть любое количество spread-операторов и в любом порядке:

const arr1 = [1, 7, 4];
const arr2 = [5, 5];

// sum(1, 7, 4, 5, 5);
sum(...arr1, ...arr2); // 22

// sum(5, 5, 1, 7, 4);
sum(...arr2, ...arr1); // 22

// sum(8, 1, 7, 4, 10, 5, 5);
sum(8, ...arr1, 10, ...arr2); // 40

<span class="translation_missing" title="translation missing: ru.web.courses.lessons.mentors.mentor_avatars">Mentor Avatars</span>

Остались вопросы? Задайте их в разделе «Обсуждение»

Вам ответят менторы из команды Хекслета или другие студенты.

Для полного доступа к курсу, нужна профессиональная подписка

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

Получить доступ
115
курсов
892
упражнения
2241
час теории
3196
тестов

Зарегистрироваться

или войти в аккаунт

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

  • 115 курсов, 2000+ часов теории
  • 800 практических заданий в браузере
  • 250 000 студентов

Нажимая кнопку «Зарегистрироваться», вы даёте своё согласие на обработку персональных данных в соответствии с «Политикой конфиденциальности» и соглашаетесь с «Условиями оказания услуг».

Наши выпускники работают в компаниях:

Логотип компании Альфа Банк
Логотип компании Rambler
Логотип компании Bookmate
Логотип компании Botmother

Есть вопрос или хотите участвовать в обсуждении?

Зарегистрируйтесь или войдите в свой аккаунт

Нажимая кнопку «Зарегистрироваться», вы даёте своё согласие на обработку персональных данных в соответствии с «Политикой конфиденциальности» и соглашаетесь с «Условиями оказания услуг».