0xD34F

arr.reduce((acc, n) => (
  n = n.match(/(\S+) = (.*)/),
  n && (acc[n[1]] = n[2]),
  acc
), {})

или

Object.fromEntries(arr
  .map(n => n.split(': ').pop().split(' = '))
  .filter(n => n.length === 2)
)

Как опознать кнопки +/-, как обновить значение:

const plusSelector = '.count-plus';
const minusSelector = '.count-minus';

function updateCount(el, change) {
  const counterEl = el.closest('.count-wrapper').querySelector('.counter');
  counterEl.innerText = Math.max(0, +counterEl.innerText + change);
}

Назначаем один делегированный обработчик:

document.addEventListener('click', ({ target: t }) => {
  const change = +t.matches(plusSelector) || -t.matches(minusSelector);
  if (change) {
    updateCount(t, change);
  }
});

Или, каждой кнопке индивидуально:

function setClickHandler(selector, change) {
  document.querySelectorAll(selector).forEach(function(n) {
    n.addEventListener('click', this);
  }, e => updateCount(e.target, change));
}

setClickHandler(plusSelector, 1);
setClickHandler(minusSelector, -1);

items_dict = {}

for i in range(len(data)):
  for n in data[i]['balance']['StringList']['String']:
    if n['Code'] not in items_dict:
      items_dict[n['Code']] = [ n['Name'], n['Code'], *[ 'None' ] * len(data) ]

    items_dict[n['Code']][i + 2] = n['Value']

items_arr = list(items_dict.values())

В документации не нашел ответа, как и похожего решения.

Плохо искали.

Пример с изменённым цветом кластера в документации карт - раз. Пример с использованием кластера в документации vue-yandex-maps - два. Осталось объединить.

$sum = array_sum(array_column($arr, 'price'));
foreach ($arr as &$n) {
  $n['weight'] = number_format($n['price'] / $sum * 100, 2).'%';
}

Вместо

mounted() {
  this.fetchPosts()
},

пусть будет

watch: {
  '$route.query.page': {
    immediate: true,
    handler: 'fetchPosts',
  },
},

Пушу в массив айтем и хочу затем проверять, если он в массиве уже есть, то...

Зачем проверять, если вы его только что добавили и, следовательно, он там точно есть? Удаляйте просто так - без проверки. А можно и вообще ничего не делать, с тем же результатом - добавили-удалили, никаких изменений.

Сначала проверяем наличие элемента, затем действуем в зависимости от результата проверки:

return {
  ...state,
  items: state.items.includes(action.payload)
    ? state.items.filter(n => n !== action.payload)
    : [ ...state.items, action.payload ],
};

Или, при использовании redux-toolkit, вместо проверки наличия элемента ищем его индекс:

const index = state.items.indexOf(action.payload);
if (index === -1) {
  state.items.push(action.payload);
} else {
  state.items.splice(index, 1);
}

<script setup>
import { Navigation, Pagination, Scrollbar, A11y } from 'swiper';
import { Swiper, SwiperSlide } from 'swiper/vue';

const onSwiper = (swiper) => console.log(swiper);
const onSlideChange = () => console.log('slide change');
const modules = [ Navigation, Pagination, Scrollbar, A11y ];
</script>

<style>
@import 'swiper/css';
@import 'swiper/css/navigation';
@import 'swiper/css/pagination';
@import 'swiper/css/scrollbar';
</style>

return arr.forEach((fn) => {

Понятно.

Вот дураки вроде вас: раз дурак, два дурак, три дурак, четыре, пять.

Функция суммирования:

function sum(data, key = n => n) {
  const getVal = key instanceof Function ? key : n => n[key];
  let result = 0;

  for (const n of data) {
    result += +getVal(n) || 0;
  }

  return result;
}

Элементы могут быть представлены как jquery-объект, NodeList или HTMLCollection (ну и разумеется, обычный массив, если что, тоже будет обсчитан как надо):

const $form = $('form').on('change', 'select', () => {
  $('#result').val(sum($form.find('select'), n => $(n).val()));
});

const input = document.querySelector('#result');
const selects = document.querySelectorAll('form select');
const onChange = () => input.value = sum(selects, 'value');
selects.forEach(n => n.addEventListener('change', onChange));

document.querySelector('form').addEventListener('change', function(e) {
  if (e.target.tagName === 'SELECT') {
    document.getElementById('result').value = sum(
      this.getElementsByTagName('select'),
      n => n.selectedOptions[0].getAttribute('value')
    );
  }
});

document.forms[0].onchange = ({ target: t }) => {
  if (t.matches('select')) {
    t.form.result.value = sum(
      t.form.querySelectorAll('option:checked:not(:disabled)'),
      n => n.attributes.value.value
    );
  }
};

А что за задача-то решается? Нужен гибрид радиокнопки и чекбокса?

Вариант раз, радиокнопки:

let checked = null;

$('input').click(function() {
  checked = checked === this.value ? null : this.value;
  this.checked = !!checked;
});

// или

document.querySelectorAll('input').forEach(function(n) {
  n.addEventListener('click', this);
}, function({ target: t }) {
  t.checked = !!(this[0] = this[0] === t ? null : t);
}.bind([]));

Вариант два, с заменой радиокнопок чекбоксами:

const $checkboxes = $('input').change(function() {
  if (this.checked) {
    $checkboxes.not(this).prop('checked', false);
  }
});

// или

const checkboxes = document.querySelectorAll('input');
const onChange = e => checkboxes.forEach(n => n.checked &&= n === e.target);
checkboxes.forEach(n => n.addEventListener('change', onChange));

Вариант три - вместо того, чтобы изменять значение свойства checked вручную, добавьте ещё одну радиокнопку, которая будет обозначать отсутствие выбора.

const sum5 = (...args) =>
  args.length > 4
    ? args.slice(0, 5).reduce((acc, n) => acc + n, 0)
    : sum5.bind(null, ...args);
//  или
//  : (...args2) => sum5(...args, ...args2);

markRaw

Выражение с [] оформить как вычисляемое свойство. Установить наблюдение за этим свойством.

const selects = [...document.querySelectorAll('select')];
const onChange = () =>
  selects.forEach(function({ value, options: [...n] }) {
    n.forEach(m => m.hidden = this(m.value) && value !== m.value);
  }, Set.prototype.has.bind(new Set(selects.map(n => n.value))));

selects.forEach(n => n.addEventListener('change', onChange));

data: () => ({
  checkedCount: 0,
}),

<div v-for="i in 10">
  <label>
    <input
      type="checkbox"
      :checked="i <= checkedCount"
      @change="checkedCount = checkedCount < i ? i : i - 1"
    >
    {{ 2 ** i }}
  </label>
</div>

function transposeTable(table) {
  const headerCol = table.rows[0]?.cells[1]?.tagName === 'TH';
  const content = Array.from(
    table.rows,
    tr => Array.from(tr.cells, td => td.innerHTML)
  );

  table.innerHTML = content[0]?.map((n, i) => `
    <tr>${content.map((m, j) => (j = (headerCol ? j : i) ? 'td' : 'th', `
      <${j}>${m[i]}</${j}>`)).join('')}
    </tr>
  `).join('') ?? '';
}

или

function transposeTable(table) {
  const cells = Array
    .from(table.rows, tr => [...tr.cells])
    .reduce((acc, n) => (
      n.forEach((m, j) => (acc[j] ??= []).push(m)),
      acc
    ), []);

  Array.prototype.forEach.call(table.children, n => n.remove());
  cells.forEach(n => table.insertRow().append(...n));
}

https://jsfiddle.net/mqjna81x/

Сделать вспомогательный объект, где для нечисловых карт будут указываться их числовые эквиваленты. Массив карт превратить в массив соответствующих им чисел (карты используется как ключ для извлечения значения из объекта, если ничего не найдено, то карта приводится к числу); отсортировать массив; убедиться, что разность соседних значений всегда составляет единицу.

const weights = {
  j: 11,
  q: 12,
  k: 13,
  a: 14,
};

const isStraight = hand => hand
  .map(n => weights[n] ?? +n)
  .sort((a, b) => a - b)
  .every((n, i, a) => !i || (n - a[i - 1] === 1));

Не надо отслеживать никаких "повторных" "нажатий".
Достаточно поставить состояние кнопки в зависимость от состояния чекбокса:

чекбокс.addEventListener('change', e => кнопка.disabled = !e.target.checked);