0xD34F

document.querySelectorAll('.group-options__item').forEach(n => {
  const input = (n.closest('.group-options') ?? n).querySelector('[data-prop]');
  if (input) {
    input.checked = true;
  }
});

function getStrings(str) {
  const str1 = str.match(/\(.+?\)/g)?.find(n => /\d/.test(n)) ?? '';
  return {
    str1: str1.slice(1, -1),
    str2: str.replace(str1, ''),
  };
}

Как получить value:

const getVal = option =>
  option.value;
  // или
  // option.getAttribute('value');
  // option.attributes.value.value;

Как добавить текст:

const addText = (option, text) =>
  option.text += text;
  // или
  // option.textContent = option.textContent.concat(text);
  // option.innerText = `${option.innerText}${text}`;
  // option.append(text);
  // option.insertAdjacentText('beforeend', text);
  // option.appendChild(document.createTextNode(text));
  // option.insertBefore(new Text(text), null);

Собираем вместе:

const addValToText = option => addText(option, getVal(option));

Поехали:

Array.prototype.forEach.call(select, addValToText);

// или

select.querySelectorAll('option').forEach(addValToText);

// или

for (const n of select) {
  addValToText(n);
}

// или

for (let i = 0; i < select.options.length; i++) {
  addValToText(select.options.item(i));
}

// или

(function add(i, n = select.children[i]) {
  if (n) {
    addValToText(n);
    add(i + 1);
  }
})(0);

// или

const add = n => n && (addValToText(n), add(n.nextElementSibling));
add(select.firstElementChild);

str.replace(/:$/, '')

// или

str.match(/[^:]+:[^:]+/)[0]

// или

str.match(/[^:]+/g).slice(0, 2).join`:`

// или

str.split(':', 2).join(':')

// или

str.slice(0, str.length - (str.slice(-1) === ':'))

$('.progress__item').each(function() {
  const $this = $(this);
  const $progressBar = $this.find('.progress__bar');
  const $value = $this.find('.progress__value');
  const value = $progressBar.data('progress-value');

  $progressBar.width(`${value}%`);

  $({ value: 0 }).animate({
    value,
  }, {
    duration: 1000,
    step: val => $value.text(`${val.toFixed(1)} %`),
  });
});

let result = '';
for (const k in obj) {
  if (obj.hasOwnProperty(k)) {
    result += (result && '&') + k + '=' + obj[k];
  }
}

// или

const result = Object.entries(obj).map(n => n.join('=')).join('&');

// или

const result = `${new URLSearchParams(obj)}`;

const addSum = data =>
  (Array.isArray(data) ? data : []).reduce((acc, n) => {
    n.childrenCountSum = addSum(n.children);
    return acc + +n.count + n.childrenCountSum;
  }, 0);

childNodes включает текстовые узлы, у которых атрибутов не бывает

замените на children

Метод replace умеет принимать функцию, которая получает найденную подстроку и должна вернуть замену:

m => `<span style="background: red;">${m}</span>`

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

'<span style="background: red;">$&</span>'

Ерунду с интервалом уберите. Замену производите у текстового содержимого вместо разметки. Т.е.:

const p = document.querySelector('.resultParagraph');

document.querySelector('.input').addEventListener('keypress', e => {
  if (e.key === 'Enter') {
    const regex = RegExp(e.target.value, 'gmi');
    const replacement = '<span style="background: red;">$&</span>';
    p.innerHTML = p.textContent.replace(regex, replacement);
  }
});

const result = [...str].reduce((acc, n) => (acc[n] = (acc[n] ?? 0) + 1, acc), {});

Или, в более общем виде:

function count(data, key = n => n) {
  const counted = {};

  for (const n of data) {
    const k = key(n);
    counted[k] = -~counted[k];
  }

  return counted;
}


const result = count(str);

Работать можно не только со строками, но и, например, с массивами:

const nums = [ -Infinity, -1, 0, 0, 0, 0, 69, 187, 666 ];
console.log(count(nums, Math.sign)); // {0: 4, 1: 3, -1: 2}

Или коллекциями DOM-элементов:

<div data-country="USA">New York</div>
<div data-country="USA">Boston</div>
<div data-country="USA">Las Vegas</div>
<div data-country="Japan">Osaka</div>
<div data-country="Japan">Tokyo</div>
<div data-country="Japan">Kyoto</div>
<div data-country="Japan">Yokohama</div>
<div data-country="Germany">Munich</div>
<div data-country="Germany">Dresden</div>

const cities = document.querySelectorAll('[data-country]');
console.log(count(cities, n => n.dataset.country)); // {USA: 3, Japan: 4, Germany: 2}

Вообще, с любыми итерируемыми объектами работать можно:

count(Array(9).keys(), n => [ 'чётные', 'нечётные' ][n & 1]) // {чётные: 5, нечётные: 4}

Вместо добавления в #elem нового контента следует полностью перезаписывать его содержимое:

document.querySelector('#elem').innerHTML = `
  <table>${Array.from({ length: 2 }, (_, iRow) => `
    <tr>${Array.from({ length: columns }, (_, iCol) => `
      <td>${iRow + 1}.${iCol + 1}</td>`).join('')}
    </tr>`).join('')}
  </table>
`;

Или, можно заранее создать таблицу с пустыми строками:

const table = document.createElement('table');
table.insertRow();
table.insertRow();
document.querySelector('#elem').append(table);

И добавлять недостающее или удалять лишнее:

for (const n of table.rows) {
  while (n.cells.length < columns) {
    n.insertCell().textContent = `${-~n.rowIndex}.${n.cells.length}`;
  }

  while (n.cells.length > columns) {
    n.lastElementChild.remove();
  }
}

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

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.

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);

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

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

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

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

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);

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');