0xD34F

function createTree(data) {
  const tree = { null: { cat: {} } };

  data.forEach(n => tree[n.id] = { cat: {}, ...n });
  data.forEach(n => tree[n.parent].cat[n.name] = tree[n.id]);

  return tree.null.cat;
}

Режете исходный текст на куски, по очереди заменяете их при выходе текста за границу экрана. Как-то так.

$('#accordion').accordion({
  collapsible: true,
  beforeActivate(e, ui) {
    ui.oldHeader.find('[type="checkbox"]').prop('checked', false);
    ui.newHeader.find('[type="checkbox"]').prop('checked', true);
  },
});

Назначайте в качестве обработчика функцию с привязанным контекстом. Создавайте её прямо в конструкторе, берёте метод из прототипа и под тем же именем создаёте свойство у экземпляра класса:

constructor(initObj) {
  this._keysListen = this._keysListen.bind(this);
  ...

Зачем регулярные выражения? С результатом запроса можно работать так же, как и с обычным DOM-деревом:

success(data) {
  document.querySelector('#result').innerHTML = Array
    .from(data.querySelectorAll('info'), n => `<div>${n.firstChild.nodeValue}</div>`)
    .join('');
},

Хотя, конечно, дурацкое дело нехитрое:

document.getElementById('result').innerHTML = (xml
  .match(/<info><!\[CDATA\[[^\]]*/g) || [])
  .map(n => '<div>' + n.slice(15) + '</div>')
  .join('');

Открываем спецификацию, смотрим как выполняется сдвиг. Особое внимание на пункт седьмой:

Let shiftCount be the result of masking out all but the least significant 5 bits of rnum, that is, compute rnum & 0x1F.

К размеру сдвига применяется битовая маска, обнуляющая все двоичные разряды, кроме младших пяти. Т.е., сдвиг на 32, 64, 128 и т.д. - это сдвиг на 0.

переписать это, чтобы было более правильно

!!+myNumber

А что надо-то? Пропускать строки, содержащие числа? А неправильно сейчас то, что "0" теряете (а ещё строковые представления двоичных/восьмеричных/шестнадцатеричных чисел - "0b101"/"0o777"/"0xFF", например, признаются корректными значениями)?

Можно регулярными выражениями воспользоваться:

/^\d+$/.test(str) - только цифры (т.е., целые неотрицательные числа)

/^-?\d+$/.test(str) - ниже нуля теперь окей

/^-?\d+(\.\d+)?$/.test(str) - и дроби тоже

например

const obj = (str
  .match(/\w+=[\d;]+/g) || [])
  .reduce((acc, n) => {
    const [ key, values ] = n.split('=');
    acc[key] = values.split(';').map(Number);
    return acc;
  }, {});

или

const obj = Array
  .from(new URL(str).searchParams)
  .reduce((acc, [ k, v ]) => (
    acc[k] = v.split(';').map(n => +n),
    acc
  ), {});

О какие элементах и атрибутах идёт речь:

const elements = document.querySelectorAll('p');
const attrNamePrefix = 'bind:';

Как из общего набора элементов отобрать нужные:

const result = Array.prototype.filter.call(
  elements,
  n => Array.prototype.some.call(
    n.attributes,
    m => m.name.startsWith(attrNamePrefix)
  )
);

или

const result = [];

for (const n of elements) {
  for (const m of n.attributes) {
    if (m.name.indexOf(attrNamePrefix) === 0) {
      result.push(n);
      break;
    }
  }
}

Во-первых - ошиблись с именем класса (это вы могли бы и сами обнаружить).

Во-вторых - браузер стремится оптимизировать внесение изменений в DOM-дерево, так что свежесозданные элементы анимироваться не будут. Чтобы анимация выполнилась, нужен дополнительный reflow, для чего можно либо обернуть добавление класса в setTimeout, либо перед добавлением класса обратиться к одному из свойств, расчёт которых вызывает reflow. Как-то так.

<div class="counter">
  <span class="counter__visible"></span> /
  <span class="counter__total"></span>
</div>

$('.loadmore').on('click', function(e) {
  e.preventDefault();

  const $items = $('.item');

  $items.filter(':hidden').slice(0, 4).fadeIn();

  const visible = $items.filter(':visible').length;

  $('.counter__visible').text(visible);
  $('.counter__total').text($items.length);

  if ($items.length === visible) {
    $(this).fadeOut('slow');
  }
}).click();

Заменяем switch на таблицу, где будут перечислены все возможные варианты (в данном случае достаточно простого объекта), после этого вся логика выбора нужного значения сведётся к чтению свойства:

const defineQuestionDataByLanguage = (question, lang) => {
  const answerLang = ({
    2: 'swe',
    // ещё какие-то языки, если надо
  })[lang] || 'en';

  return {
    labelLang: question[answerLang],
    answerLang,
  };
};

После этого табличку с языками можно отделить от функции (вынести в отдельный файл, какой-нибудь languages.json, например), и тогда станет совсем здорово:

const defineQuestionDataByLanguage = (question, lang) => {
  const answerLang = languages[lang] || languages.default;

  return {
    labelLang: question[answerLang],
    answerLang,
  };
};

А ещё при необходимости внести изменения в список языков трогать код будет не надо.

Где находятся элементы, что это за элементы, по каким событиям надо получать их текст и что с текстом надо делать:

const containerSelector = 'table';
const itemSelector = 'td';
const events = [ 'click', 'contextmenu' ];
const onText = text => console.log(text);

Получаем, делаем:

$(containerSelector).on(events.join(' '), itemSelector, function() {
  onText($(this).text());
  return false;
});

или

const container = document.querySelector(containerSelector);
const handler = e => (e.preventDefault(), onText(e.target.closest(itemSelector).textContent));

events.forEach(n => container.addEventListener(n, handler));

ракета пролетела всю длину экрана и вышла за пределы экрана(тут мой скрипт при помощи splice удаляет ракету из массива ракет)

Не удаляет. Нет у вас там кода, который такое делает. Есть код отвечающий за перемещение - с проверкой достижения границы экрана, и никакой ветки else, в которой и должно происходить удаление, там нет. Есть удаление ракеты при столкновении с кораблём. Удаления при выходе за границы экрана нет. Нет его. НЕ-ТУ.

А уж splice внутри forEach - за такое не грех и руки оборвать.

Проверяем, не вышла ли ракета за границы элемента (левую сравниваем с горизонтальной координатой, правую с суммой горизонтальной координаты и ширины), если да - удаляем, нет - двигаем:

this.rockets.length -= this.rockets.reduce((acc, n, i, a) => {
  a[i - acc] = n;

  if (n.type === 'right' && this._isCollideFlyLeft(n)) {
    this.flyLeft.energy -= 10;
  } else if (n.type === 'left' && this._isCollideFlyRight(n)) {
    this.flyRight.energy -= 10;
  } else if (0 < n.xCoord && n.xCoord + n.width < this.fieldEl.offsetWidth) {
    n.move();
    return acc;
  }

  return acc + 1;
}, 0);

const extend = (target, source) => Object
  .entries(source instanceof Object ? source : {})
  .reduce((acc, [ k, v ]) => {
    acc[k] = v instanceof Object ? extend(acc[k], v) : k in acc ? acc[k] : v;
    return acc;
  }, target instanceof Object ? target : {});


extend(patient, donor);

const onInput = () => $button.prop('disabled', !$inputs.get().every(n => $(n).val()));
const $button = $('селектор кнопки');
const $inputs = $('селектор инпутов').on('input', onInput);
onInput();

или

const button = document.querySelector('селектор кнопки');
const inputs = [...document.querySelectorAll('селектор инпутов')];
const onInput = () => button.disabled = inputs.some(n => !n.value);
inputs.forEach(n => n.addEventListener('input', onInput));
onInput();

$('#name').on('input', function() {
  $('.cell').text(i => this.value[i] || '');
});

или

document.querySelector('#name').addEventListener('input', e => {
  document.querySelectorAll('.cell').forEach((n, i) => {
    n.textContent = e.target.value.charAt(i);
  });
});

arr.map(n => ({
  id: n.id.value,
  title: n.title.value,
  slug: n.slug.value
}))

или

arr.map(n => Object.entries(n).reduce((acc, [ k, v ]) => (acc[k] = v.value, acc), {}))

или

arr.map(n => Object.keys(n).reduce((acc, k) => ({ ...acc, [k]: n[k].value }), {}))

или

arr.map(n => Object.assign({}, ...Object.values(n).map(m => ({ [m.title.toLowerCase()]: m.value }))))

замените

$("td.price").text()

на

$(this).closest('tr').find('td.price').text()

UPD. А вообще, давайте-ка перепишем и дополним ваш код. Вот, обновляются суммы не только в строках с input'ами, но и "итого" и "общая" тоже:

const sum = $items => $items.get().reduce((acc, n) => acc + +$(n).text(), 0);

function update($el, change) {
  const $tr = $el.closest('tr');
  const $count = $tr.find('.quantity-field').val((i, val) => Math.max(1, (val | 0) + change));

  $tr.find('.sum').text($count.val() * $tr.find('.price').text());

  $tr.nextAll('.total-tr').first().find('span').text(sum($tr
    .add($tr.prevUntil('.total-tr'))
    .add($tr.nextUntil('.total-tr'))
    .find('.sum')
  ));

  $table.find('.total-summ span').text(sum($table.find('.total-tr span')));
}

const $table = $('table')
  .on('click', '.button-plus, .button-minus', function() {
    const $btn = $(this);
    update($btn, +$btn.hasClass('button-plus') || -$btn.hasClass('button-minus'));
  })
  .on('input', '.quantity-field', function() {
    update($(this), 0);
  });

$table.find('.quantity-field').trigger('input');

или, без jquery

const sum = items =>
  Array.prototype.reduce.call(items, (acc, n) => acc + +n.textContent, 0);

function update(el, change) {
  let tr = el.closest('tr');
  const count = tr.querySelector('.quantity-field');
  count.value = Math.max(1, (count.value | 0) + change);

  tr.querySelector('.sum').innerText = count.value * tr.querySelector('.price').innerText;

  const rows = [];
  let total = tr;
  for (; !(total = total.nextElementSibling).matches('.total-tr'); rows.push(total)) ;
  for (; tr && !tr.matches('.total-tr'); rows.push(tr), tr = tr.previousElementSibling) ;

  total.querySelector('span').innerText = sum(Array.from(rows, n => n.querySelector('.sum')));
  table.querySelector('.total-summ span').innerText = sum(table.querySelectorAll('.total-tr span'));
}

const table = document.querySelector('table');

table.addEventListener('input', e => update(e.target, 0));
table.addEventListener('click', ({ target: t }) => {
  const change = +t.matches('.button-plus') || -t.matches('.button-minus');
  if (change) {
    update(t, change);
  }
});

table.querySelectorAll('.quantity-field').forEach(n => {
  n.dispatchEvent(new Event('input', { bubbles: true }));
});