0xD34F

$('.breadcrumb').children().last().text((i, text) => text);

или

document.querySelector('.breadcrumb').lastElementChild.innerText += '';

$('ul').on('click', 'a', function() {
  $(this).after($('.drop'));
  // или
  $('.drop').insertAfter(this);
});

или

document.querySelector('ul').addEventListener('click', e => {
  if (e.target.tagName === 'A') {
    e.target.after(document.querySelector('.drop'));
  }
});

или

const dropEl = document.querySelector('.drop');
const onClick = e => e.target.insertAdjacentElement('afterend', dropEl);
document.querySelectorAll('ul a').forEach(n => n.addEventListener('click', onClick));

words.replace(index, 1, word.charAt(0));

Метода replace у массивов нет. Есть splice.

как реализовали бы данную задачу вы?

// собираем новый массив
const newWords = words.map(n => n[0] || '');

// обновляем существующий
words.forEach(([ n = '' ], i, a) => a[i] = n);

showOtherMonths

const $form = $('.order__form-contacts').on('change', '[name="legal-status"]', e => {
  $form.find('.order__form-file')[e.target.value === '2' ? 'slideDown' : 'slideUp']();
});

Добавить свойство элементам существующего массива:

arr1.forEach(function({ id }) {
  if (this[id]) {
    this[id].isAdded = true;
  }
}, arr2.reduce((acc, n) => (acc[n.id] = n, acc), {}));

Собрать новый массив:

const newArr2 = arr2.map(function({ ...n }) {
  if (this.has(n.id)) {
    n.isAdded = true;
  }
  return n;
}, new Set(arr1.map(n => n.id)));

const text = 'определённый текст';
const link = document.querySelector(`a[href*="${text}"]`);
if (link) {
  link.click();
}

Метод click надо вызывать у DOM-элемента, а не jquery объекта.
Замените .click() на [0].click() или .get(0).click().

Чтобы фильтры не слетали, надо при изменении значения одного обрабатывать значения всех. То есть, по событию change собираете значения всех фильтров, отбрасываете те, где ничего не выбрано, при фильтрации показываете или скрываете элемент в зависимости от того, соответствует ли он всем выбранным значениям или нет. Код может выглядеть как-то так, например (все атрибуты тут не простые, а data - сделайте у себя так же):

const $filters = $('.filter').change(function() {
  const filters = $filters
    .get()
    .filter(n => n.value)
    .map(n => [ n.dataset.name, n.value ]);

  $('.product')
    .hide()
    .filter((_, el) => filters.every(n => el.dataset[n[0]] === n[1]))
    .show();
});

Не подключен jquery.

Лишний пробел в стилях - вместо .modal-wrapper .open { должно быть .modal-wrapper.open {.

• Обрабатываете не то событие - должно быть blur, а не focus
  
• Пытаетесь вызвать toUpperCase не у строки, а у массива - забыто [0]
  
• Возвращаете результат в никуда, вместо того, чтобы установить значение инпута
  

И вообще, всё это делается гораздо короче:

input.addEventListener('blur', function() {
  if (this.value) {
    this.value = this.value.split(/\s+/).map(n => n[0].toUpperCase() + n.slice(1)).join(' ');
  }
});

const getPrimitiveProps = (obj) =>
  Object.entries(obj).reduce((acc, [ k, v ]) => ({
    ...acc,
    ...(v instanceof Object ? getPrimitiveProps(v) : { [k]: v }),
  }), {});

или

const getPrimitiveProps = (obj) =>
  Object.assign({}, ...Object.entries(obj).map(([ k, v ]) =>
    v instanceof Object ? getPrimitiveProps(v) : { [k]: v }
  ));

$(document).click(function(e) {
  if (!$panel.has(e.target).length && $panel.hasClass('visible')) {
    hidePanel();
  }
});

Если подумать, то регулярные выражения тут не нужны:

const ip = str.split(':', 1)[0];

Если подумать ещё, то всё равно не нужны:

const ip = str.slice(0, str.indexOf(':'));

Но если очень хочется, то можно так:

const ip = str.match(/[\d.]+/).pop();

Или так:

const ip = str.replace(/:.+$/, '');

И даже так тоже можно:

const [ ip ] = /.+(?=:)/.exec(str);

const plainToNested = (source, target = {}) =>
  Object.entries(source).reduce((acc, [ path, val ]) => {
    const keys = path.split('.');
    const key = keys.pop();
    keys.reduce((p, c) => p[c] = p[c] || {}, acc)[key] = val;
    return acc;
  }, target);

arr.lenght

Вот же позорище.

arr[x].lenght

Два раза позорище.

Слова lenght нет. Есть length. Подобные опечатки могли бы и сами обнаружить.

Кликайте вручную нужный элемент после инициализации аккордеона, типа так.

Или добавьте конструктору параметр - индекс элемента, который должен быть открыт после инициализации, и обрабатывайте его соответствующим образом, например.

На какие кнопки надо нажимать, в каком data-атрибуте лежит id и куда его надо записывать:

const buttonSelector = '.one-click-button';
const dataAttr = 'id';
const input = document.querySelector('#one_b_id');

Как достать из кнопки значение атрибута:

const getId = el => el.dataset[dataAttr];
// или
const getId = el => el.getAttribute(`data-${dataAttr}`);
// или
const getId = el => el.attributes['data-' + dataAttr].value;

Делегирование, обработчик добавляется один раз, клик ловим на документе, надо проверять, что клик случился на кнопке, а не где-то ещё:

document.addEventListener('click', e => {
  const button = e.target.closest(buttonSelector);
  if (button) {
    input.value = getId(button);
  }
});

Или, назначаем обработчик клика каждой кнопке индивидуально:

document.querySelectorAll(buttonSelector).forEach(function(n) {
  n.addEventListener('click', this);
}, e => input.value = getId(e.currentTarget));

/^[а-яё]{3,}(\-[а-яё]{3,})?$/i

Как я могу проверить на наличие в начале строки undefined и удалить её?

А может лучше вы сделаете так, чтобы никаких undefined не было? - исправьте серверный код.

Если же хотите идти путём говнокодера: str.replace(/^undefined/, '').