0xD34F

Как проверить, есть ли в массиве повторяющиеся элементы...

const hasDuplicates = arr.length > new Set(arr).size;

...и как записать эти элементы в новый массив...

// Получаем повторяющиеся элементы в единственном экземпляре
const duplicatedItemsUnique = Array.from(arr.reduce((acc, n) => (
  acc[+acc[0].has(n)].add(n),
  acc
), [ new Set, new Set ])[1]);

// Получаем все неуникальные элементы
const duplicatedItemsAll = arr.filter(function(n) {
  return this.get(n) > 1;
}, arr.reduce((acc, n) => acc.set(n, -~acc.get(n)), new Map));

...или оставить только элементы которые повторяются?

arr.splice(0, arr.length, ...arr.filter(function(n) {
  return this.get(n);
}, arr.reduce((acc, n) => acc.set(n, acc.has(n)), new Map)));

const containerSelector = '.lg-container';
const itemSelector = `${containerSelector} .lg-hotspot`;
const buttonSelector = `${itemSelector} .lg-hotspot__button`;
const activeClass = 'lg-hotspot--selected';

document.addEventListener('click', ({ target: t }) => {
  const button = t.closest(buttonSelector);
  const item = t.closest(itemSelector);

  if (button) {
    item.closest(containerSelector).querySelectorAll(itemSelector).forEach(n => {
      n.classList[n === item ? 'toggle' : 'remove'](activeClass);
    });
  } else if (!item?.classList.contains(activeClass)) {
    document.querySelectorAll(itemSelector).forEach(n => {
      n.classList.remove(activeClass);
    });
  }
});

Если не должно быть так, что одновременно могут быть видимы всплывающие окна в разных контейнерах, тогда item.closest(containerSelector) надо заменить на document.

on.slideChange + slideTo

Метод connect не модифицирует переданный ему компонент, а создаёт новый.

Tак что правильно будет

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(App);

Ещё у вас в types отсутствует INITIALIZE, надо добавить.

const groupBySum = (arr, key, max) => arr
  .reduce((acc, n) => (
    acc[acc.length - 1]?.[1] + n[key] <= max || acc.push([ [], 0 ]),
    acc[acc.length - 1][0].push(n),
    acc[acc.length - 1][1] += n[key],
    acc
  ), [])
  .map(n => n[0]);


const result = groupBySum(arr, 'count', 500);

$count = array_count_values(array_column($arr, 'PROPERTY_BLUDO_VALUE'));

return character === '...' ? '...' : character;

Или, если замен предполагается несколько, сделайте объект, где будет указано, кого на кого надо поменять:

const replacements = {
  '...': '...',
  '...': '...',
  ...
};

const newCharacters = characters.map(n => replacements[n] || n);

method: mapActions(['fetchPosts']),

methods

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

arr.flatMap(n => n.split(', ').map(Number))

или

`${arr}`.split(/\D+/).map(n => +n)

или

String(arr).match(/\d+/g).map(n => parseInt(n))

или

eval('[' + arr + ']')

или

JSON.parse('['.concat(arr, ']'))

$('.box-none', this).slideToggle(300);

или

$(this).find('.box-none').slideToggle(300);

Перед тем как запустить новую анимацию, останавливайте предыдущую:

$('.trainers__profile').on('mouseenter mouseleave', e => {
  $('div', e.currentTarget)
    .stop()
    .animate({ opacity: +(e.type === 'mouseenter') }, 300);
});

document.querySelector('.copybox').addEventListener('click', ({ target: t }) => {
  if (t.tagName === 'BUTTON') {
    navigator.clipboard.writeText(t.previousElementSibling.textContent);
  }
});

Группируем и уникализируем данные:

const groupedAndUnique = Object.entries(arr.reduce((acc, n) => {
  (acc[n.category] = acc[n.category] ?? new Set).add(n.type);
  return acc;
}, {}));

Затем собираем html:

document.body.insertAdjacentHTML('beforeend', `
  <ul>${groupedAndUnique.map(([ k, v ]) => `
    <li>
      ${k}
      <ul>${Array.from(v, n => `
        <li>${n}</li>`).join('')}
      </ul>
    </li>`).join('')}
  </ul>`
);

Или, создаём элементы напрямую:

const ul = document.createElement('ul');

ul.append(...groupedAndUnique.map(([ header, items ]) => {
  const li = document.createElement('li');
  li.append(header, document.createElement('ul'));

  for (const n of items) {
    li.lastChild.append(document.createElement('li'));
    li.lastChild.lastChild.textContent = n;
  }

  return li;
}));

document.body.append(ul);

$('.chosen-select')
  .find(`option[data-value="${category}"]`)
  .prop('selected', true)
  .end()
  .trigger('chosen:updated');

str.match(/\d+(\.\d+)?(?= руб\.)/g)

$owl.on('mouseenter mouseleave', function(e) {
  $(this).data('owl.carousel').options.autoplay = e.type === 'mouseenter';
  $(this).trigger('refresh.owl.carousel');
});

или

$owl.on('mouseenter mouseleave', function(e) {
  $(this).trigger(({
    mouseenter: 'play',
    mouseleave: 'stop',
  })[e.type] + '.owl.autoplay');
});

UPD. https://jsfiddle.net/hx1bo0yu/

О каких индексе, классе и data-атрибуте идёт речь:

const index = вам виднее, что тут должно быть;
const className = 'header';
const selector = `.${className}`;
const key = 'id';
const attr = `data-${key}`;

Если у элементов общий родитель (const parentSelector = 'table tbody';):

const $elements = $(parentSelector).children();
const $el = $elements.eq(Math.min(index, $elements.length - 1));
const val = ($el.is(selector) ? $el : $el.prev(selector)).attr(attr) ?? null;

// или

const elements = document.querySelector(parentSelector).children;
let val = null;
for (let i = Math.min(index, ~-elements.length); i >= 0; i--) {
  if (elements[i].matches(selector)) {
    val = elements[i].getAttribute(attr);
    break;
  }
}

Если родители элементов (const elementsSelector = 'table tr';) разные (конкретно в вашем случае это могла бы быть таблица с несколькими tbody):

const val = $(elementsSelector)
  .slice(0, index + 1)
  .filter(selector)
  .last()
  .data(key) ?? null;

// или (UPD. На момент публикации вопроса метод findLast отсутствовал,
//           вместо него использовалась связка из reverse-find)

const { [key]: val = null } = Array
  .from(document.querySelectorAll(elementsSelector))
  .slice(0, -~index)
  .findLast(n => n.classList.contains(className))
  ?.dataset ?? {};

Uncaught TypeError: number[i].parents is not a function

Конечно не функция. Это же элемент DOM-дерева, откуда у него возьмутся методы jquery? Вместо number[i] должно было быть $(number[i]) или number.eq(i).

А вообще, организовывать цикл вручную, через индекс стучаться к конкретному элементу нет необходимости:

$('.person-wr a.desc')
  .filter((i, n) => !$(n).text().trim())
  .closest('.add-info')
  .hide();

И jquery использовать не обязательно, как и править стили напрямую:

document.querySelectorAll('.person-wr a.desc').forEach(n => {
  n.closest('.add-info').hidden = !n.text.trim();
});

const itemSelector = '.preliminary-item';
const keys = [ 'name', 'quantity', 'proximity' ];
const sourceSelector = key => `.request-${key}`;
const targetSelector = key => `.result-${key}`;

$(document).on('click', itemSelector, function() {
  $.each(keys, (i, n) => {
    $(targetSelector(n)).append(`<p>${$(sourceSelector(n), this).text()}</p>`);
  });
});

// или

document.addEventListener('click', function({ target: t }) {
  if (t = t.closest(itemSelector)) {
    keys.forEach((n, i) => this[i].insertAdjacentHTML(
      'beforeend',
      `<p>${t.querySelector(sourceSelector(n)).textContent}</p>`
    ));
  }
}.bind(keys.map(n => document.querySelector(targetSelector(n)))));

Свойство обновилось, а объект тот же остался. Вместо изменения свойств надо объект копировать:

case 'TURN_DONE_POST':
  return {
    ...state,
    data: state.data.map(n => n.id === action.payload
      ? { ...n, done: !n.done }
      : n
    ),
  };