Vetal81

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

const f7 = (arr) => arr.reduce((acc, c) => (acc[c.id] = c.name, acc), {});

То же, циклом:

function f7(arr) {
  const result = {}; // пустой пока объект
  for (let i = 0; i < arr.length; i++) {
    const c = arr[i];
    result[c.id] = c.name;
  }
  return result;
}

const longestStr = arr.reduce((max, n) => max.length > n.length ? max : n, '');
// или
const longestStr = arr.sort((a, b) => b.length - a.length)[0];
// или
const longestStr = arr.reduce((acc, n) => (acc[n.length] = n, acc), []).pop();

или, в более общем виде:

function max(data, key = n => n) {
  const getVal = key instanceof Function ? key : n => n[key];
  let result = null;

  for (const n of data) {
    const val = getVal(n);
    result = result?.[1] >= val ? result : [ n, val ];
  }

  return result?.[0];
}

const longestStr = max(arr, 'length');

Идём по массиву a до конца, начиная с элемента с индексом 1, в данном случае это 5-рка. Записываем эту пятёрку в массив b на первую(нулевую) позицию. Повторяем всё то же самое ещё одну итерацию. Таким образом получаем массив b = [5, 6].
Далее заменяем исходный массив a новым массивом b, в котором на один элемент у нас меньше. При следующем клике всё повторится и в массиве a станет на ещё один элемент меньше. Ребят, это очень просто.

Ctrl+C попробуйте

Еще можно попробывать word-wrap: break-word; если хотите, чтобы внутри слов переносы были