0xD34F

Ничего не лучше - показанные куски кода делают разное. Откройте консоль, выполните

(function() {
  function func(arg) {
    console.log(arg, this);
  }

  let arg = 1;

  const f1 = () => func(arg);
  const f2 = func.bind(this, arg);

  arg = 2;

  f1();
  f2();
}).call('hello, world!!');

, подумайте над полученными результатами.

Сами решайте, чего вам надо.

Array.from(str, n => n < 5 ? 0 : 1).join('')

// или

[...str].reduce((acc, n) => acc + +(n >= 5), '')

// или

''.concat(...str.split('').map(n => Math.floor(n / 5)))

// или

[].map.call(str, n => -~-~-~n >> 3).join``

// или

str.replace(/./g, m => Number('56789'.includes(m)))

// или

str.replace(/[1-4]/g, 0).replace(/[5-9]/g, 1)

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

Потому что целевым элементом будет уже не <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');

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

Коротко:

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

Во-первых, события не добавляют - так говорить безграмотно. Добавляют обработчики событий.

Во-вторых:

Если зарегистрировано несколько одинаковых EventListener на одном EventTarget с одинаковыми параметрами, дублирующиеся обработчики игнорируются.

Где элементы находятся, что за элементы, что делать при клике:

const container = document.querySelector('#element');
const itemSelector = '.someclass';

function onClick(e) {
  e.preventDefault();
  console.log(e.target.closest('li').dataset.id);
}

Слушаем клики непосредственно на элементах:

container.querySelectorAll(itemSelector).forEach(n => {
  n.addEventListener('click', onClick);
});

Или, применяем делегирование:

container.addEventListener('click', e => {
  const item = e.target.closest(itemSelector);
  if (item) {
    onClick(e);
  }
});

function sort(arr) {
  const obj = Object.fromEntries(arr.map(n => [ n.parent, n ]));
  const sorted = [];

  for (let item = obj['null']; item; item = obj[item.id]) {
    sorted.push(item);
  }

  return sorted;
}

или

function sort(arr, parent = null) {
  const item = arr.find(n => n.parent === parent);
  return item
    ? [ item, ...sort(arr, item.id) ]
    : [];
}