0xD34F

const newArr = Array.from(
  { length: arr.length / 2 },
  (n, i) => ({ ...arr[i], ...arr[i + arr.length / 2] })
);

Но всегда ли количество ключей будет равно двум? - лучше посчитаем самостоятельно, сколько их там:

const numKeys = new Set(arr.flatMap(Object.keys)).size;

const newArr = arr.reduce((acc, n, i, a) => (
  Object.assign(acc[i % (a.length / numKeys)] ??= {}, n),
  acc
), []);

// или

const numKeys = Object.keys(Object.assign({}, ...arr)).length;
const numObjs = arr.length / numKeys;

const newArr = Array.from(
  { length: numObjs },
  (n, i) => Object.assign({}, ...Array.from(
    { length: numKeys },
    (m, j) => arr[j * numObjs + i]
  ))
);

Или можно считать какой ключ сколько раз встретился, и добавлять свойство соответствующему элементу собираемого массива:

const newArr = arr.reduce((acc, n) => {
  const [ [ k, v ] ] = Object.entries(n);
  const i = acc[0][k] = (acc[0][k] ?? -1) + 1;
  (acc[1][i] ??= {})[k] = v;
  return acc;
}, [ {}, [] ])[1];

Меняем на месте:

for (let i = 1; i < arr.length; i += 2) {
  [ arr[i], arr[i - 1] ] = [ arr[i - 1], arr[i] ];
}

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

const newArr = arr.map((n, i, a) => a[i - (i & 1 || -1)] ?? n);

document.querySelector('селектор контейнера с кнопками').addEventListener('click', e => {
  const coord = e.target.dataset.addressItem?.split(' ').map(Number);
  if (coord) {
    map.setCenter(coord);
    marker.geometry.setCoordinates(coord);
  }
});

Потому что целевым элементом будет уже не <a>. Соответственно, не будет и атрибута href. А у null не будет метода substr. О чём вы должны были узнать сами, из сообщения об ошибке - если бы открыли консоль.

Вместо target следует использовать currentTarget.

url.match(/.+\//)[0]

// или

url.replace(/[^\/]+$/, '')

// или

url.slice(0, url.lastIndexOf('/') + 1)

// или

url.split(/(?<=\/)/).slice(0, -1).join('')

// или

[...url].reduceRight((acc, n) => (acc || n === '/') ? n + acc : acc, '')

Куда и что надо переместить:

const where = '.list';
const what = '.content';

Перемещаем:

const $targets = $(where).children();
$(what).each((i, n) => $targets.eq(i).append(n));

или

const targets = document.querySelector(where).children;
document.querySelectorAll(what).forEach((n, i) => targets[i]?.append(n));

Если нужен конкретный объект:

Object.values(data).flat().find(n => n.title === search)

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

Object.fromEntries(Object
  .entries(data)
  .map(n => [ n[0], n[1].filter(m => m.title.toLowerCase().includes(search.toLowerCase())) ])
  .filter(n => n[1].length)
)

const group = (arr, idKey, groupKey) =>
  Object.values(arr.reduce((acc, n) => (
    acc[n[idKey]] ??= { [idKey]: n[idKey], [groupKey]: [] },
    acc[n[idKey]][groupKey].push(n),
    acc
  ), {}));


const result = group(cars, 'make', 'attr');

Чтобы получить экземпляр корневого компонента, вам нужен результат выполнения mount, а не createApp. Документацию могли бы и открыть, даже читать не обязательно - просматривая наискосок, можно наткнуться на примеры, из которых всё понятно.

setData(result);

Значение result здесь всегда одно и то же, а если значение не изменилось - компонент не будет заново отрендерен.
Можно по-быстрому заставить работать так, как вы хотите, передавая копию объекта: setData({ ...result });.

phoneDisabled.addEventListener('input', function() {
  buttonDisabled.disabled = phoneMask.unmaskedValue.length !== 11;
});

str.slice(1, -1).split(', ')

// или

JSON.parse(str.replace(/[а-яё]+/g, '"$&"'))

// или

str.match(/[^\s\[\],]+/g) ?? []

coord.split(', ').map(Number)

// или

coord.match(/[\d.]+/g).map(n => +n)

// или

eval(`[${coord}]`)

// или

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

// или

Array.from(coord.matchAll(/[^, ]+/g), parseFloat)

for (const n of str.matchAll(/---([A-Z]+)---(.*?)(?=---|$)/g)) {
  console.log(n[1], n[2].trim());
}

По какой причине JS результатом к выражению 1.4 + 0.2 возвращает 1.5999999999999999?
Js как то странно считает числа, почему?
Откуда значения?
Почему в JS 0.1+0.2 не равно 0.3?
Почему JS складывает с разной точностью?
При складывании в js от куда-то берется 0.00000000000000001?
Откуда берутся сотые доли при умножении на дробное число?
Почему js так считает числа в данном примере?
Почему JS добавляет левые цифры?
Почему var a:Double =0.0, a += 0.1 дает не точный результат?

const result = [...subcategory.reduce(
  (acc, n) => (acc.get(n.category)?.children.push(n), acc),
  new Map(category.map(n => [ n.id, { ...n, children: [] } ]))
).values()];

или

const result = category.map(n => ({
  ...n,
  children: subcategory.filter(m => m.category === n.id),
}));

или

const result = category.map(function(n) {
  return {
    ...n,
    children: this[n.id] ?? [],
  };
}, subcategory.reduce((acc, n) => ((acc[n.category] ??= []).push(n), acc), {}));

$('.item').on('mouseover', '.dot', function({ delegateTarget: t }) {
  $('.thumb-target', t).attr('src', $(this).data('img'));
  $('.dot', t).removeClass('select').filter(this).addClass('select');
});

или

document.querySelectorAll('.item').forEach(n => {
  n.addEventListener('mouseover', onMouseOver);
});

function onMouseOver({ target: t, currentTarget: ct }) {
  const dot = t.closest('.dot');
  if (dot) {
    ct.querySelector('.thumb-target').src = dot.dataset.img;
    ct.querySelectorAll('.dot').forEach(n => {
      n.classList.toggle('select', n === dot);
    });
  }
}

Инкапсуляция стилей реализуется путём добавления уникального (в пределах компонента) атрибута элементам и, соответственно, селекторам в css-коде. Вы создаёте элементы вручную, так что нужный атрибут у них отсутствует - поэтому стили не применяются. Чтобы применились, можно воспользоваться т.н. глубоким селектором - для этого замените .frame { на .slider /deep/ .frame {.

Коротко:

const sum = (...arr) => arr
  .flatMap(Object.entries)
  .reduce((acc, [ k, v ]) => (
    acc[k] = (acc[k] ?? 0) + v,
    acc
  ), {});

Длинно:

function sum() {
  const result = {};

  for (const n of arguments) {
    for (const k in n) {
      if (n.hasOwnProperty(k)) {
        if (!result.hasOwnProperty(k)) {
          result[k] = 0;
        }

        result[k] += n[k];
      }
    }
  }

  return result;
}

Использовать, понятное дело, так: const obj = sum(obj1, obj2);.