0xD34F

Object.values(tasks.reduce((acc, { user: { id, name }, ...n }) => {
  (acc[id] = acc[id] || { user: { id, name, tasks: [] } }).user.tasks.push(n);
  return acc;
}, {}))

Это [object Object], дефолтное строковое представление объектов. Если первый аргумент, переданный в JSON.parse, не является строкой, он будет в строку преобразован. Вы пытаетесь распарсить объект. Нет необходимости использовать JSON.parse, всё уже как надо.

const pick = (obj, keys) =>
  keys.reduce((acc, n) => (acc[n] = obj[n], acc), {});

const newObj = pick(obj, [ 'username', 'age' ]);

или

const pick = (obj, ...keys) =>
  Object.fromEntries(keys.map(n => [ n, obj[n] ]));

const newObj = pick(obj, 'username', 'age');

Крутое у вас там условие в цикле:

1 < imageData.data.length

Может, всё-таки не 1, а i?

const selectors = {
  wrapper: '.numberQut',
  input: '.qut',
  minus: '.minusQus',
  plus: '.plusQus',
};

const limits = {
  min: 1,
  max: 5,
};

const updateValue = (el, change = 0) =>
  el.value = Math.min(limits.max, Math.max(limits.min, (parseInt(el.value) || 0) + change));

document.addEventListener('click', ({ target: t }) => {
  const change = +t.matches(selectors.plus) || -t.matches(selectors.minus);
  if (change) {
    updateValue(t.closest(selectors.wrapper).querySelector(selectors.input), change);
  }
});

document.addEventListener('input', ({ target: t }) => {
  if (t.matches(selectors.input)) {
    updateValue(t);
  }
});

Object.values(arr.reduce((acc, n) => {
  const date = n.date.split(' ', 1)[0];
  (acc[0][date] = acc[0][date] || { id: ++acc[1], date, docs: [] }).docs.push(n);
  return acc;
}, [ {}, 0 ])[0])

или

[...arr.reduce((acc, n) => {
  const [ date ] = n.date.match(/\S+/);
  acc.set(date, acc.get(date) || { id: -~acc.size, date, docs: [] }).get(date).docs.push(n);
  return acc;
}, new Map).values()]

Дайте-ка угадаю - ваш top глобальный, да? Такой уже есть, вам с таким именем переменной ловить нечего. Меняйте имя, или делайте переменную не глобальной, или делайте свой top свойством какого-нибудь объекта.

let show = 1;

function sh() {
  const [ display, text ] = [ [ 'none', 'Развернуть' ], [ 'block', 'Свернуть' ] ][show ^= 1];
  [...document.querySelectorAll('.list-row')].slice(3).forEach(n => n.style.display = display);
  document.querySelector('#button').textContent = text;
}

window.addEventListener('load', sh);

Рекурсия:

function walk(node) {
  if (node) {
    console.log(node);
    walk(node.next);
  }
}

Или цикл:

function walk(node) {
  while (node) {
    console.log(node);
    node = node.next;
  }
}

.tags li.hidden {
  display: none;
}

document.querySelectorAll('.tags b').forEach(n => {
  n.closest('li').classList.add('xxx');
  n.addEventListener('click', onClick);
});

function onClick(e) {
  for (
    let el = e.target.closest('li');
    (el = el.nextElementSibling) && !el.classList.contains('xxx');
    el.classList.toggle('hidden')
  ) ;
}

Выносите все стили в отдельный css-класс:

.active {
  height: 300px;
  cursor: pointer;
  background-color: green;
  overflow: auto;
}

И добавляете/удаляете его при клике:

$('.qwerty').on('click', function() {
  $(this).toggleClass('active');
});

Всё как обычно, вешаете делегированный обработчик клика, смотрите откуда события приходят:

document.addEventListener('click', function(e) {
  const t = e.target;
  if (t.matches('button.apply-button') && t.closest('blabla')) {
    // ...
  }
});

Кому и какие цвета надо назначить:

const colors = [
  'red', 'blue', 'magenta', 'green', 'yellow',
  'aqua', 'brown', 'silver', 'lime', 'orange',
];

const elements = document.querySelectorAll('.item');

Как получить перетасованные случайным образом элементы массивоподобного объекта:

function shuffled([...arr]) {
  for (let i = arr.length; --i > 0;) {
    const j = Math.random() * -~i | 0;
    [ arr[i], arr[j] ] = [ arr[j], arr[i] ];
  }

  return arr;
}

Вот так всё просто получается:

elements.forEach(function(n, i) {
  n.style.setProperty('background-color', this[i % this.length]);
}, shuffled(colors));

// или

shuffled(elements).forEach((n, i) => {
  n.style.backgroundColor = colors[i % colors.length];
});

fetch('https://api.github.com/gists/public')
  .then(r => r.json())
  .then(r => r.flatMap(n => Object
    .values(n.files)
    .map(({ filename, language, raw_url }) => ({ filename, language, raw_url }))
  ))
  .then(r => console.log(r))

О каких элементах, атрибуте/свойстве идёт речь:

const selector = '.item';
const key = 'width';
const getVal = el => `${el.dataset[key]}%`;

Обновляем стили:

$(selector).css(key, function() {
  return getVal(this);
});

// или

document.querySelectorAll(selector).forEach(n => {
  n.style[key] = getVal(n);
  // или
  n.style.setProperty(key, getVal(n));
  // или
  n.style.cssText += key + ': ' + getVal(n);
  // или
  n.setAttribute('style', key.concat(': ', getVal(n)));
});

В обработчике события scroll определяйте индекс первого элемента, offset.top + height которого превышает текущее значение прокрутки, и подсвечивайте соответствующую кнопку.

https://jsfiddle.net/tr03ph2f/

Object.assign(users.find(n => n.id === id), user);

или, если неизвестно, есть ли объект с заданным id:

const u = users.find(n => n.id === id);
if (u) {
  Object.assign(u, user);
} else {
  // добавляем, например
  users.push({ ...user, id });
}

делегирование, конечно же

UPD.

const usersList = users.map(n => `${n.firstName} ${n.lastName} ${n.email}`);

или

const usersList = users.map(function(n) {
  return this.map(k => n[k]).join(' ');
}, [ 'firstName', 'lastName', 'email' ]);

Кому и какие классы будем добавлять:

const containerSelector = '.container';
const buttonSelector = 'button';
const activeContainerClass = 'btn-active';
const activeButtonClass = 'active';

Как будем добавлять:

$(document).on('click', buttonSelector, function(e) {
  const $button = $(this).toggleClass(activeButtonClass);
  $button
    .closest(containerSelector)
    .toggleClass(activeContainerClass, $button.hasClass(activeButtonClass))
    .find(buttonSelector)
    .not($button)
    .removeClass(activeButtonClass);
});

Или, к чёрту jquery:

document.addEventListener('click', e => {
  const button = e.target.closest(buttonSelector);
  if (button) {
    const container = button.closest(containerSelector);
    container.querySelectorAll(buttonSelector).forEach(n => {
      n.classList[n === button ? 'toggle' : 'remove'](activeButtonClass);
    });
    container.classList.toggle(
      activeContainerClass,
      button.classList.contains(activeButtonClass)
    );
  }
});