0xD34F

Логика такая, при клике на пункт списка, например "About" этот текст оказывался на месте текущего, а текущий в списке.

Какая дичь. Вы понимаете, что после нескольких кликов порядок пунктов может оказаться полностью изменённым? Пользователь запомнил, что такой-то пункт внизу, ищет там - а нет его, наверх уехал. Может, просто скрывать выбранный пункт?

Ну а так-то всё просто. Добавьте пунктам какой-нибудь класс, dropdown-menu-item, например. И код в обработчик клика:

const item = event.target.closest('.dropdown-menu-item');
if (item) {
  const btn = item.closest('.dropdown').querySelector('.dropdown-toggle');
  [ btn.textContent, item.textContent ] = [ item.textContent, btn.textContent ];
}

$index = array_search($value, $arr);
$newArr = $index !== false ? array_slice($arr, $index + 1, 5) : [];

JSON.stringify([...this.querySelectorAll('[name]')].map(n => ({
  [n.name]: n.type === 'checkbox' ? n.checked : n.value,
})))

Храните количество. При обновлении, если товар уже был добавлен - увеличиваете количество, если нет - добавляете с количеством, равным единице:

incrementCount = (id, name, price) => {
  this.setState(({ count }) => {
    const el = count.find(n => n.id === id);
    return {
      count: el
        ? count.map(n => n === el ? { ...n, count: n.count + 1 } : n)
        : [ ...count, { id, name, price, count: 1 } ]
    };
  });
}

Соответственно, при расчёте суммы надо будет добавить умножение цены на количество:

this.state.count.reduce((acc, n) => acc + n.price * n.count, 0)

Как получить дату из строки:

const parseDate = str => new Date(str.split('/').reverse().join('-'));

Сортируем исходный массив:

all_orders.sort((a, b) => parseDate(a.order_date) - parseDate(b.order_date));

Или собираем отсортированный новый:

const sortedOrders = all_orders
  .map(n => [ n, parseDate(n.order_date) ])
  .sort((a, b) => a[1] - b[1])
  .map(n => n[0]);

str.replace(/(?<=.{2}).(?=.{2})/g, '*')

// или

str.replace(/^(.{2})(.+)(.{2})$/, (m, g1, g2, g3) => g1 + '*'.repeat(g2.length) + g3)

// или

Array.from(str, (n, i) => (i < 2 || i > str.length - 3) ? n : '*').join('')

.big-dropdown > .dropdown > button[aria-expanded="true"]::after {
  content: "\25B2";
}

UPD. https://jsfiddle.net/g5efkazL/

Погуглите, что такое всплытие событий, и как его останавливать.

Или оставьте один обработчик, на родительском элементе, внутри которого в зависимости от target события выполняйте различные действия.

array_combine(array_keys($arr), array_column($arr, 'VALUE'))

или

array_map(function($n) {
  return $n['VALUE'];
}, $arr)

[...Array(12)].map((n, i) => new Date(0, i).toLocaleString('en-US', { month: 'long' }))

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

computed: {
  disabled() {
    return !this.selected.length;
  },
},

<v-btn
  :disabled="disabled"
  ...

Object.entries(arr.reduce((acc, n) => {
  const [ k, v ] = Object.entries(n)[0];
  (acc[k] = acc[k] || []).push(...v);
  return acc;
}, {})).map(n => Object.fromEntries([ n ]))

Пробовал ставить перед скобкой «\» не работает.

Два раза ставьте. Или замените вызов конструктора литералом.

последняя запятая лишняя

const createXML = obj => Object
  .entries(obj)
  .map(([ k, v ]) => `<ns1:${k}>${v instanceof Object ? createXML(v) : v}</ns1:${k}>`)
  .join('');

UPD. Если нужны переносы строк и отступы, то

const createXML = (obj, tabSize = 2, depth = 0) => {
  const indent = ' '.repeat(tabSize * depth);
  return Object.entries(obj).map(([ k, v ]) =>
    indent +
    `<ns1:${k}>${
      v instanceof Object
        ? `\n${createXML(v, tabSize, depth + 1)}\n${indent}`
        : v
    }</ns1:${k}>`
  ).join('\n');
};

Сложить метки в массив, по событиям mouseover/mouseout на элементах за пределами карты получать их, элементов, индекс (можно хранить его в data-атрибуте), по индексу извлекать соответствующую метку из массива и обновлять её свойства.

jsfiddle.net/n8k5L7z3

правила, пункт 3.1

"Не срабатывает" - это вам так кажется. Будете жать на нужную кнопку - всё сработает. Почему кнопка не та? Потому что при открытии окна вы каждый раз создаёте новое. А querySelector возвращает первый подходящий элемент, так что обработчик закрытия всегда цепляется к кнопке того окна, которое было создано при первом открытии.

Правильно будет заранее создать окно и при открытии вписывать в него нужные данные; или же, в случае создания заново при каждом открытии, вместо скрытия удалять его. Короче, вместо modal.style.display = "none" делайте modal.remove(), и всё будет окей.

slide(e, ui) {
  $(this).find('.value').text(i => ui.values[i]);
},