0xD34F

работает он наоборот

потому что ^

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

При каждом вызове метода startAudio создаётся новый объект, play вызываете у одного, а pause у другого. Надо сохранять созданный audio между вызовами startAudio.

const result = arr
  .reduce((acc, n, i, a) => (
    a[i - 1] !== n && acc.push([ n, 0 ]),
    acc[acc.length - 1][1]++,
    acc
  ), [])
  .map(([ v, c ]) => c === 1 ? v : Array(c).fill(v));

или

const result = arr
  .reduce((acc, n, i, a) => (
    a[i - 1] === n || acc.push([]),
    acc[acc.length - 1].push(n),
    acc
  ), [])
  .map(n => n.length === 1 ? n[0] : n);

или

const result = arr.reduce((acc, n, i, a) => {
  const prev = n === a[i - 1];
  const next = n === a[i + 1];
  !prev && next && acc.push([]);
  (prev || next ? acc[acc.length - 1] : acc).push(n);
  return acc;
}, []);

Какого размера нужен массив, с каким интервалом должны быть времена и в каком виде:

const length = 48;
const step = 30;
const locale = 'en-US';
const options = {
  hour: '2-digit',
  minute: '2-digit',
};

Создаём:

const times = Array.from({ length }, (_, i) => {
  return new Date(0, 0, 0, 0, step * i).toLocaleTimeString(locale, options);
});

// или

const times = Array.from({ length }, function() {
  return this[1].format(this[0].setMinutes(this[0].getMinutes() + step));
}, [ new Date(0, 0, 0, 0, -step), new Intl.DateTimeFormat(locale, options) ]);

Regex.Replace(str, "(?i)[^А-ЯЁA-Z]", "")

Добавьте модификатор u:

preg_match_all("/[а-я]{4,}/ui", $string, $keywords);

Устанавливаете наблюдение за значениями, находите изменившееся, исправляете его - вычитаете из него разность (если она больше 0) между текущей суммой и максимально допустимой. Примерно так оно может выглядеть.

str.replace(/^https?:\/\/|\/$/g, '')

или

str.match(/(?<=\/\/).+?(?=\/?$)/)[0]

Добавьте input'у внутри элемента .findreg такие же обработчики событий focus и blur, как у .reg. Типа так.

Потому что вы копируете всё, что есть в момент копирования.

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

const $sample = $('.add-pass-group').clone();

$('.add-napr').on('click', e => $(e.target).before($sample.clone()));

<img :src="wall.users.photo || wall.pages.photo">

Если вдруг не гарантируется наличие хотя бы одного из значений, тогда:

computed: {
  src() {
    const { wall } = this;
    return wall.users.photo || wall.pages.photo;
  },
},

<img v-if="src" :src="src">

function getIds($obj) {
  $ids = [];

  if (isset($obj->id)) {
    $ids[] = $obj->id;
  }

  if (is_object($obj) || is_array($obj)) {
    foreach ($obj as $val) {
      array_push($ids, ...getIds($val));
    }
  }

  return $ids;
}

Что если таких items должно быть больше двух? Давайте решим задачу в более общем виде.

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

data: () => ({
  index: 0,
  items: [
    [ 'hello, world!!', 'fuck the world', 'fuck everything' ],
    [ '69', '187', '666' ],
    [ '!!!', '???', ':::' ],
    [ '+++', '***', '///' ],
  ],
}),

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

<ul v-if="index < items.length" @click="index++">
  <li v-for="n in items[index]">{{ n }}</li>
</ul>
<button v-else @click="index = 0">давай заново</button>

[...`${num}`].map(Number)

или

num.toString().split('').map(n => +n)

или

Array.from(String(num), parseFloat)

или

('' + num).match(/./g).map(n => parseInt(n))

или

Object.values(num.toFixed()).map(n => ~~n)

или

[].map.call(/.+/.exec(num)[0], n => n * 1)

или

eval('['.concat(num, ']').replace(/\d/g, '$&,'))

или

Object.assign([], JSON.stringify(num)).map(JSON.parse)

или

Array(1 + (Math.log10(num) | 0)).fill().map((n, i) => (num / 10 ** i | 0) % 10).reverse()

или

((f = (x, a) => (a.unshift(x % 10), x = x / 10 | 0, x ? f(x, a) : a)) => f(num, []))()

Нужно как-то парсить полученный html...

Не нужно.

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

Ну а вообще, ерундой какой-то занимаетесь - какой к чёрту html? Если используете react, то так дела не делаются.

Невалидный html, который браузер пытается поправить, в результате строка с заголовками столбцов оказывается в tbody, и текст в заголовках обрабатывается при вычислении суммы как часть данных - отсюда NaN.

Тэг caption должен быть первым вложенным элементом тэга table, внутри th ему не место.

Квадратные скобки добавьте:

const data = {
  [name]: value,
};

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

const data = Object.fromEntries([ [ name, value ] ]);

Делай раз:

logOut () {

Делай два:

onConfirm={this.logOut}

Всё, контекст потерян.

https://jsfiddle.net/eq956pyb/1/