0xD34F

str.match(/[^.]+(?=\.[^.]+(\/|$))/)[0]

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

const createTreeElement = (data, index = []) =>
  Array.isArray(data) && data.length
    ? data.reduce((ul, n, i) => (
        index.push(i),
        ul.append(document.createElement('li')),
        ul.lastChild.append(index.join('_'), createTreeElement(n.children, index)),
        index.pop(),
        ul
      ), document.createElement('ul'))
    : '';


document.body.append(createTreeElement(data));

Или, делаем второй параметр строкой. Как и массив из предыдущего варианта, по умолчанию пуста, указывать при самостоятельном вызове не надо. При обработке элемента массива собираем новую строку, состоящую из переданной в функцию и индекса:

const createTreeHTML = (data, index = '') =>
  data instanceof Array && data.length
    ? `<ul>${data.map((n, i) => `
         <li>
           ${(i = index + (index && '_') + i)}
           ${createTreeHTML(n.children, i)}
         </li>`).join('')}
       </ul>`
    : '';


document.body.insertAdjacentHTML('beforeend', createTreeHTML(data));

const result = [];
for (const n of arrWithObj) {
  if (!arr.includes(n.id)) {
    result.push(n);
  }
}

или

const result = arrWithObj.filter(function(n) {
  return !this.has(n.id);
}, new Set(arr));

или

const result = (function get(i, n = arrWithObj[i]) {
  return n
    ? [].concat(~arr.indexOf(n.id) ? [] : n, get(-~i))
    : [];
})(0);

или

const result = Object.values(arr.reduce(
  (acc, n) => (delete acc[n], acc),
  Object.fromEntries(arrWithObj.map(n => [ n.id, n ]))
));

или

const result = Array.from(arr.reduce(
  (acc, n) => (acc.delete(n), acc),
  new Map(arrWithObj.map(n => [ n.id, n ]))
).values());

const ul = document.querySelector('.ul-parent');

const groupedNodes = Array.prototype.reduce.call(
  ul.children,
  (acc, n) => {
    const k = n.textContent[0].toLowerCase();
    (acc[k] = acc[k] ?? []).push(n);
    return acc;
  },
  {}
);

ul.replaceWith(...Object.entries(groupedNodes).map(n => {
  const ul = document.createElement('ul');
  ul.classList.add('ul-parent', n[0] + '-litter');
  ul.append(...n[1]);
  return ul;
}));

или

const ul = document.querySelector('.ul-parent');

const groupedHTML = Array
  .from(ul.querySelectorAll(':scope > li'))
  .reduce((acc, { innerText: [ c ], outerHTML }) => {
    const k = c.toLowerCase();
    (acc[k] = acc[k] ?? []).push(outerHTML);
    return acc;
  }, {});

ul.outerHTML = Object
  .entries(groupedHTML)
  .map(([ k, v ]) => `<ul class="ul-parent ${k}-litter">${v.join('')}</ul>`)
  .join('');

document.addEventListener('click', e => {
  const div = e.target.closest('button')?.closest('div');
  if (div) {
    console.log(div.id);
  }
});

или

document.querySelectorAll('div button').forEach(function(n) {
  n.addEventListener('click', this);
}, e => console.log(e.currentTarget.closest('div').id));

Сортируем существующий массив:

arr.sort((a, b) => (a.rooms - b.rooms) || (a.square - b.square));

// или, в более общем виде

const sort = (arr, ...keys) =>
  arr.sort((a, b) => {
    let diff = 0;
    keys.find(k => diff = a[k] - b[k]);
    return diff;
  });

sort(arr, 'rooms', 'square');

Создаём отсортированный новый:

const sorted = (arr, keys) => arr
  .map(n => [ n ].concat(keys(n)))
  .sort((a, b) => {
    let diff = 0;
    for (let i = 0; ++i < a.length && !(diff = a[i] - b[i]);) ;
    return diff;
  })
  .map(n => n[0]);

const sortedArr = sorted(arr, n => [ n.rooms, n.square ]);

template.replace(/\{(.+?)\}/g, (m, g1) => user[g1] ?? m)

str.replace(/[#&|?:«»]/g, '')

const $table = $('table');
const columnIndex = // здесь должен быть номер столбца с числами

const sum = $table
  .find('tr:visible')
  .get()
  .reduce((acc, n) => acc + +$('td', n).eq(columnIndex).text(), 0);

$table
  .find('th')
  .eq(columnIndex)
  .text(`Вес (${sum})`);

https://jsfiddle.net/xre59sn2/

Где элементы находятся:

const parents = document.querySelectorAll('.news-block-2 tbody tr');

Как их поменять местами, в общем виде:

const swapChildren = function(el, selectorA, selectorB) {
  const a = this(el.children, n => n.matches(selectorA));
  const b = this(el.children, n => n.matches(selectorB));
  el.append(...Array.from(el.children, n => n === a ? b : n === b ? a : n));
}.bind(Function.prototype.call.bind(Array.prototype.find));

parents.forEach(n => swapChildren(n, '.picture-news', '.text-news'));

Но, поскольку кроме интересующих нас элементов никаких других нет (конечно, если верить тому, что вы показали в качестве разметки), есть варианты поступить проще:

const swapChildren = el => el.append(...[...el.childNodes].reverse());
// или
const swapChildren = el => el.appendChild(el.firstElementChild);
// или
const swapChildren = el => el.insertBefore(el.children[0], null);
// или
const swapChildren = el => el.insertAdjacentElement('beforeend', el.children[0]);
// или
const swapChildren = el => el.prepend(el.querySelector(':scope > :last-child'));
// или
const swapChildren = ({ lastElementChild: el }) => el.previousElementSibling.before(el);
// или
const swapChildren = el => el.cells[1].after(el.cells[0]);
// или
const swapChildren = ({ cells: [ a, b ] }) => a.replaceWith(b, a);

parents.forEach(swapChildren);

// или

for (const n of parents) {
  swapChildren(n);
}

// или

for (let i = 0; i < parents.length; i++) {
  swapChildren(parents[i]);
}

// или

(function next(i, n = parents.item(i)) {
  n && (swapChildren(n), next(-~i));
})(0);

В качестве шага рекурсии возьмём не вычитание единицы, а битовый сдвиг на единицу вправо (деление на 2 нацело) - так, при увеличении глубины рекурсии на единицу, будет обрабатываться один двоичный разряд исходного значения. Отсюда максимальная глубина рекурсии - двоичный логарифм исходного значения.

X = n => n ? (n & 1 ? '-chirp' : '') + X(n >> 1) + X(n >> 1) : ''
chirp = n => X(n).slice(1)

Потеряли второй параметр для arrayToDataTable, должно быть

google.visualization.arrayToDataTable(data, true)

data.map(({ city, street, house, floor, ...n }) => (
  n.address = `${city}, ${street}, ${house}/${floor}`,
  n
))

Сделайте объект корзины, куда будут записываться добавленные товары. На основе этого объекта создавайте разметку DOM-элемента корзины. Когда добавляете товар - проверяете его наличие в объекте корзины, если да, тогда плюсуете новое количество к тому, что уже есть. Например.

Array
  .from(document.querySelectorAll('.obj'))
  .filter(n => n.querySelector('.who')?.innerText !== 'Я')
  .forEach(n => console.log(n.innerText));

Кого, куда и по сколько:

const itemSelector = 'здесь должен селектор элементов, которые надо переместить';
const containerSelector = 'а здесь - селектор контейнеров';
const chunkSize = 3;

Перемещаем:

const $items = $(itemSelector);
$(containerSelector).append(i => $items.slice(i * chunkSize, (i + 1) * chunkSize));

// или

const $containers = $(containerSelector);
$(itemSelector).each((i, n) => $containers.eq(Math.floor(i / chunkSize)).append(n));

или

document.querySelectorAll(containerSelector).forEach(function(n, i) {
  n.append(...this.slice(i * chunkSize, -~i * chunkSize));
}, [...document.querySelectorAll(itemSelector)]);

// или

const containers = document.querySelectorAll(containerSelector);
for (const [ i, n ] of document.querySelectorAll(itemSelector).entries()) {
  containers[i / chunkSize | 0]?.appendChild(n);
}

Очевидно, не надо пытаться использовать JSON.stringify. Кидайте объект в консоль как есть. Или, придётся изучить его структуру, и вместо полного объекта превращать в строку копию его части, которая не будет содержать в себе циклических ссылок.

На всём. Иногда - дважды. Потому что клик по label'у вызывает клик по чекбоксу. Так что класс active добавляется и снимается (или наоборот - снимается и сразу добавляется обратно, если до двойного клика был установлен). Вместо кликов по label'у следует обрабатывать change у чекбокса:

$('label > input').change(function() {
  $(this).parent().toggleClass('active', this.checked);
});

блок_с_радиокнопками.addEventListener('change', e => инпут.disabled = !+e.target.value);

document.querySelector('.block').addEventListener('mousemove', function(e) {
  Object.assign(document.querySelector('.block2').style, {
    left: `${e.layerX}px`,
    top: `${e.layerY}px`,
  });
});