0xD34F

arr.filter(n => n.items.length || n.show)

Рекурсия же:

const invertTree = ({ value, left, right }) => {
  const node = { value };
  if (left) {
    node.right = invertTree(left);
  }
  if (right) {
    node.left = invertTree(right);
  }
  return node;
};

Вместо равенства искомой строке проверяйте, что значение атрибута её содержит - замените [data-type=" на [data-type*=".

fetch(filename)
  .then(r => r.text())
  .then(r => r.split('\n').map(n => {
    const [ key, val ] = n.split(' = ');
    return { [key]: val };
  }))
  .then(arr => {
    // ну вот вам ваши объекты
  });

UPD. Если вдруг в файле есть ещё что-то, кроме строк указанного вами вида, можно получать их с помощью регулярных выражений, надо будет заменить r.split('\n') на r.match(/\$[a-z0-9-]+ = #[0-9a-f]{6}/g), например.

const months = Array.from({ length: 12 }, (n, i) => {
  return new Date(0, i).toLocaleString('en', { month: 'short' }).toLowerCase();
});

const newArr = arr.map(({ data, ...item }) => (
  data.forEach((n, i) => item[months[i]] = n),
  item
));

Делаете всем одинаковым элементам одинаковые классы - link, screen - без цифр.

Для элементов .screen определяете ещё один класс:

.screen {
  display: none;
}

.screen.active {
  display: flex;
}

И просто переключаете его:

$(document).on('click', '.link', function() {
  const $screen = $(this).next().toggleClass('active');
  $('.screen.active').not($screen).removeClass('active');
});

function combine(keys, values) {
  const length = Math.max(0, ...values.map(n => n.length));
  const arr = Array.from({ length }, () => ({}));
  values.forEach((n, i) => n.forEach((m, j) => arr[j][keys[i]] = m));
  return arr;
}


const newArray = combine([ 'name', 'id' ], [ nameArray, idArray ]);

Мне кажется, вы пытаетесь заниматься какой-то ерундой. Гораздо проще будет вешать/снимать класс, вместо того, чтобы напрямую модифицировать body.style.

UPD. Но конечно можно и модифицировать. Только добавлять/убирать ничего не надо, всегда вычисляйте значения свойств целиком.

const widgetData = [
  { name: 'something', value: 14, date: '02.08.2018' },
  { name: 'something', value: 43, date: '03.08.2018' },
  { name: 'something', value: 44, date: '04.08.2018' },
  { name: 'something', value: 38, date: '05.08.2018' },
];

const startDate = '01.08.2018';
const endDate = '25.08.2018';


const widgetDataObj = widgetData.reduce((acc, n) => (acc[n.date] = n, acc), {});
const start = new Date(startDate.split('.').reverse().join('-'));
const end = new Date(endDate.split('.').reverse().join('-'));
const result = [];

for (; start <= end; start.setDate(start.getDate() + 1)) {
  const date = start.toLocaleDateString('ru-RU');

  result.push(widgetDataObj[date] || {
    name: 'something',
    value: 0,
    date,
  });
}

console.log(result);

Собрать новый массив:

const filterItem = (list, item) =>
  list.map(n => ({
    ...n,
    items: n.items.filter(m => m.id !== item.id),
  }));

Обновить существующий:

function removeItem(list, { id }) {
  list.forEach(({ items: n }) => {
    n.splice(0, n.length, ...n.filter(m => m.id !== id));
  });
}

Создаёте функцию расчёта полной суммы, с учётом всех условий, и назначаете её в качестве обработчиков событий всем элементам, от значений которых сумма зависит. Так будет гораздо проще и короче, чем то, что у вас есть сейчас:

function recalc() {
  const register = +$('[name="radio-register"]:checked').data('value');

  $('#price_result, #price1').text(register
    ? register +
      +$('#count-class option:selected').data('value') +
      +$('[name="radio-znak"]:checked').data('value')
    : 0
  );
}

$('input[name="radio-znak"], input[name="radio-register"], #count-class').change(recalc);
recalc();

const $sorted = $('.for_sort')
  .sort((a, b) => (a.dataset.sort - b.dataset.sort) * order)
  .clone(true);

$('.for_sort').replaceWith(i => $sorted[i]);

Делаем массив объектов - точки остановки и длительность. На каждом шаге проверяем, есть ли в массиве элемент с текущей координатой и если да - добавляем к дефолтному таймауту длительность из найденного элемента. Типа так.

UPD. Вынесено из комментариев:

а как добавить классы к движущемуся объекту в местах остановки?

Добавляем элементам массива остановок ещё одно свойство - имя класса. При остановке делаем classList.add, после окончания остановки classList.remove (если надо) - ничего сложного.

Ну, очевидно же - не надо полагаться на чётность счётчика. Да ещё и выглядит оно стрёмно, код-то для обоих случаев почти одинаковый. Можно положить картинки в массив, и на каждом шаге делать ему reverse. И вместо обращения к картинкам непосредственно - обращаться к элементам массива. Типа так.

Сделайте объект: то, с чем сравниваете, будет именами свойств; то, что выводите, будет их значениями; то, что проверяете - ключ, по которому будет извлекаться значение. Если ничего не получили, подставляете дефолтное значение. Типа вот так:

alert(({
  1: 'b',
  2: 'c',
})[a] || 'd')

str.replace(/[\s.,%]/g, '')

Раз:

<div class="budget-value"></div>

Два:

budget_value = document.getElementsByClassName('budget_value')[0]

Три:

budget_value.textContent = money

Понятно, да - перепутали подчёркивание с минусом, в результате элемент оказался undefined, и вы этому undefined пытаетесь назначать свойство.

результат времени как при параллельном выполнении

А почему как? Они у вас выполняются параллельно. Чтобы было последовательно - второй должен создаваться в then первого.

UPD. Вынесено из комментариев:

Получается что new Promise( уже запускает на выполнение код? Его можно как то отложить?

Можно сделать getA и getB функциями, возвращающими промисы - тогда будет как вы хотите:

const getA = () => new Promise((resolve, reject) => {
    console.time('getA');
    setTimeout(() => {
        console.timeEnd('getA');
        resolve(4)
    }, 6000)
});

const getB = () => new Promise((resolve, reject) => {
    console.time('getB');
    setTimeout(() => {
        console.timeEnd('getB');
        resolve(2)
    }, 2000)
});


console.time('get sum');
getA().then(a => {
    getB().then(b => {
        console.log(`result: ${a + b}`);
        console.timeEnd('get sum');
        })
    });

UPD. Cabac_B недоумевает в комментариях по поводу "выполняются параллельно":

Среда исполнения JS уже умеет параллельно?

Ну не буквально же параллельно, и не буквально выполняются - смотрите код, о котором идёт речь. Имелось в виду, что оба промиса ждут своего разрешения одновременно.

Точка с запятой должна быть, а у вас только запятая, точку забыли, забыли точку, вот здесь:

let money,
    price,

Ну пожалуйста, добавьте точку, не хватает точки, добавьте-добавьте-добавьте, чтобы стало так:

let money,
    price;