0xD34F

Замените i < children.length на i < children.length - 1.

А ещё разберитесь, чем присваивание отличается от проверки на равенство (nodeName = 'P', ну да, ну да).

$('.intro')
  .filter((i, n) => $(n).text().toLowerCase().includes(t))
  .css('background-color', 'silver');

или

for (const n of document.getElementsByClassName('intro')) {
  if (n.textContent.toLowerCase().indexOf(t) !== -1) {
    n.style.backgroundColor = 'silver';
  }
}

или

.highlight {
  background-color: silver;
}

document.querySelectorAll('.intro').forEach(function(n) {
  n.classList.toggle('highlight', ~n.innerText.search(this));
}, RegExp(t, 'i'));

Сколько предполагается таких элементов - один или несколько? Будем считать, что несколько.

Общий принцип тут такой - поймали клик по кнопке; определили, что за кнопка (т.е., как должно будет измениться значение, плюс или минус единица); от кнопки поднялись до общего предка кнопки и элемента, содержащего значение, внутри общего предка нашли элемент со значением; обновили значение.

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

function setOnClick(selector, change) {
  function onClick({ target: t }) {
    const el = t.closest('.style-item_count').querySelector('.style-count-number');
    el.innerText = el.innerText.replace(/\d+/, m => Math.max(0, +m + change));
  }

  document.querySelectorAll(selector).forEach(n => n.addEventListener('click', onClick));
}

setOnClick('.style-count-plus', 1);
setOnClick('.style-count-minus', -1);

// или

function setOnClick(selector, change) {
  $(selector).on('click', e => {
    $(e.target)
      .closest('.style-item_count')
      .find('.style-count-number')
      .text((i, text) => `${Math.max(0, parseInt(text) + change)} шт`);
  });
}

Вариант два - делегирование, один обработчик на всех. Если не менять разметку, то

document.addEventListener('click', ({ target: t }) => {
  const change =
    t.classList.contains('style-count-plus')  ? +1 :
    t.classList.contains('style-count-minus') ? -1 :
                                                 0;
  if (change) {
    const el = t.closest('.style-item_count').querySelector('.style-count-number');
    el.innerText = `${Math.max(0, parseInt(el.innerText) + change)} шт`;
  }
});

// или

$(document).on('click', '.style-count-plus, .style-count-minus', e => {
  const $target = $(e.target);
  const change = $target.hasClass('style-count-plus') ? 1 : -1;

  $target
    .closest('.style-item_count')
    .find('.style-count-number')
    .text((i, text) => text.replace(/\d+/, m => Math.max(0, +m + change)));
});

Но если кнопкам добавить data-атрибуты, которые будут указывать, на сколько надо изменить значение, а самому значению добавить обёртку (чтобы отделить его от единиц измерения), то код можно немного упростить:

<div class="style-item_count">
  <div class="style-count-minus" data-change="-1">-</div>
  <div class="style-count-number"><span>1</span> шт</div>
  <div class="style-count-plus" data-change="+1">+</div>
</div>

document.addEventListener('click', ({ target: t }) => {
  const change = +t.dataset.change;
  if (change) {
    const el = t.closest('.style-item_count').querySelector('.style-count-number span');
    el.textContent = Math.max(0, +el.textContent + change);
  }
});

// или

$(document).on('click', '[data-change]', function() {
  $(this)
    .closest('.style-item_count')
    .find('.style-count-number span')
    .text((i, text) => Math.max(0, +text + +this.dataset.change));
});

Почему у блоков отсутствует общий класс? - добавьте.

const banners = [...document.querySelectorAll('.banner')];

for (let i = banners.length; --i > 0;) {
  const j = Math.random() * (i + 1) | 0;
  [ banners[i], banners[j] ] = [ banners[j], banners[i] ];
}

document.querySelectorAll('.products--container').forEach((n, i) => n.append(banners[i]));

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

const isLinks = Array
  .from(ul.querySelectorAll(':scope > li'))
  .every(n => n.childNodes.length === 1 && n.childNodes[0] instanceof HTMLAnchorElement);

или

const isLinks = Array.prototype.every.call(
  ul.children,
  ({ childNodes: [ a, b ] }) => a.tagName === 'A' && !b,
);

arr1.filter((n, i) => arr2[i].num !== n.num).map(n => n.id)

или

arr1.reduce((acc, n, i) => (arr2[i].num === n.num || acc.push(n.id), acc), [])

Так?

Имитация клика по кнопке происходит до подключения обработчика submit.

Есть map, и есть map. Вы их явно путаете. А reduce'а в jquery нет. Хотите применить reduce - сначала надо сделать массив из набора элементов, для этого используйте get или toArray.

Давайте не будем копипастить, а сделаем нормальный плагин:

$.fn.customSelect = function() {
  return this.each(function() {
    const $this = $(this).hide();
    const $wrapper = $this.wrap('<div class="select_wrapper"></div>').parent();

    $wrapper.append(`
      <span>${$this.find(':selected').text()}</span>
      <ul class="select_inner">${$this.children().get().map(n => `
        <li data-value="${n.value}">${n.innerText}</li>`).join('')}
      </ul>
    `);
    $wrapper.on('click', 'li', function() {
      $wrapper.children('span').text(this.innerText);
      $this.val(this.dataset.value).trigger('change');
    });
    $wrapper.on('click', function() {
      $('ul', this).slideToggle('fast');
    });
  });
};


$('#materialColor, #kantcolor').customSelect().change(function() {
  console.log(`#${this.id}: "${this.value}"`);
});

$('.datepicker-input').datepicker({
  minDate: 0,
  onClose(dateText, inst) {
    $(this).parent().next('.date').text([
      inst.selectedDay,
      inst.selectedMonth + 1,
      inst.selectedYear
    ].join('-'));
  }
});

$('.date').click(function() {
  $(this).prev('div').find('.datepicker-input').focus();
});

const ancestor = 'селектор элементов, которые надо получить';
const descendant = 'селектор вложенных элементов';

Вариант раз - получаем всех потенциальных предков, отбираем тех, кто содержит кого надо:

Array.prototype.filter.call(
  document.querySelectorAll(ancestor),
  n => n.querySelector(descendant)
)

Вариант два - получаем тех, кто содержится внутри нужных элементов, поднимаемся вверх:

Array.from(
  document.querySelectorAll(`${ancestor} ${descendant}`),
  n => n.closest(ancestor)
)

Вариант три (ну, два с половиной) - получаем потенциальных потомков, пробуем подняться до нужных предков:

[...document.querySelectorAll(descendant)].reduce(
  (acc, n) => ((n = n.closest(ancestor)) && acc.push(n), acc),
  []
)

UPD. Наконец-то дождались (ну, почти):

document.querySelectorAll(`${ancestor}:has(${descendant})`)

new Date('Fri Oct 05 2018 00:00:00 GMT+0300 (Саудовская Аравия, стандартное время)') / 1000

Нет разницы - оба варианта некорректные, таких JSON'ов не бывает.

Конечно, на самом деле вы имели в виду кое-что другое, но... учитесь задавать вопросы.

Общую часть похожих кусков кода превращаем в функцию, а то, чем они различаются, будем передавать в эту функцию в качестве параметров:

[
  [   'region_id',   'regionName' ],
  [ 'district_id', 'districtName' ],
  [     'area_id',     'areaName' ],
  [     'city_id',     'cityName' ],
  [    'place_id',     'cityName' ],
  [        'name',   'streetName' ],
].forEach(([ del, search ]) => {
  if (this.tableParam[del]) {
    delete this.tableParam[del];
    this.searchForm.get(search).patchValue(null);
  }
});

$('input').inputmask({
  mask: '9{1,}.|,9',
  placeholder: ''
})

Ну типа вот.

Где элементы находятся (родительский элемент), кого из них (минимальный и максимальный индексы в коллекции вложенных элементов родителя) и куда надо переместить:

const parent = document.querySelector('.box').parentNode;

const iMin = 2;
const iMax = 5;

const wrapper = document.createElement('div');
wrapper.classList.add('wrapper');

Получаем элементы, перемещаем:

if (parent.children[iMin]) {
  const elems = Array.prototype.slice.call(parent.children, iMin, iMax);
  elems[0].before(wrapper);
  wrapper.append(...elems);
}

// или

const elems = parent.querySelectorAll(`:nth-child(n + ${-~iMin}):not(:nth-child(n + ${-~iMax}))`);
if (elems.length) {
  parent.insertBefore(wrapper, elems[0]);
  elems.forEach(n => wrapper.appendChild(n));
}

// или

if (parent.children.length > iMin) {
  parent.children[iMin].insertAdjacentElement('beforebegin', wrapper);
  for (let i = iMax - iMin, n = null; i-- && (n = wrapper.nextElementSibling);) {
    wrapper.insertAdjacentElement('beforeend', n);
  }
}

Что значит "не промисы, а async/await"? - async/await это тоже промисы.

Используйте await Promise.all, например:

const result = await Promise.all([ 1, 2, 3 ].map((n, i) => {
  return new Promise(resolve => {
    setTimeout(() => {
      console.log(`timeout #${i}`);
      resolve(n * 10);
    }, Math.random() * 3000 | 0);
  });
}));

console.log('result:', result);