0xD34F

Косяк не с "работать", а с данными - не у всех объектов есть value, отфильтруйте их.

str.replace(/.{4}(?!$)/g, '$&-')

// или

str.match(/.{1,4}/g).join('-')

// или

str.split(/(?<=^(?:.{4})+)/).reduce((acc, n) => acc + (acc && '-') + n, '')

// или

''.concat(...[...str].map((n, i) => !i || i % 4 ? n : `-${n}`))

// или

Array.from(
  { length: Math.ceil(str.length / 4) },
  (n, i) => str.slice(i * 4, (i + 1) * 4)
).join`-`

const items = document.querySelectorAll('.yourself-item__title');
const height = `${Math.max(...Array.from(items, n => n.clientHeight))}px`;
items.forEach(n => n.style.height = height);

В дочернем компоненте:

<input @input="$emit('fucking-event')">

В родителе:

<fucking-component @fucking-event="onFuckingEvent">

methods: {
  onFuckingEvent() {
    console.log('fuck off');
  },

^(?=.*( +\S*){3}).*$

При загрузке страницы вы прячете .accordion__grandchild__item, а переключаете видимость у родительских элементов - .accordion__grandchild__group. Надо как-то устранить это печальное несоответствие.

v-on="{ [здесь собираете имя события]: handler }"

Ну, НАВЕРНОЕ, надо присвоить значение свойству, которое вы указали в v-model.

mapTypeControl: false,
streetViewControl: false,
zoomControl: false,

Абсолютное позиционирование убрать, родительскому элементу добавить

flex-direction: column;
justify-content: space-around;

Прочитать файл, распарсить json, установить пустой массив в качестве значения интересующего вас свойства, превратить объект в json, записать файл.

$('select').change(function() {
  const v = this.value;
  $('.sum').text($(`.element${v === '*' ? '' : `.${v}`}`).length);
});

или

document.querySelector('select').addEventListener('change', e => {
  const v = e.target.value;
  const s = '.element' + (v === '*' ? '' : '.' + v);
  document.querySelector('.sum').textContent = document.querySelectorAll(s).length;
});

Добавляете элементам data-атрибуты, в зависимости от того, за какую часть имени отвечают их значения. Слушаете событие input - собираете значения, из значений собираете имена. Как-то так:

<select data-prop="type">
  <option hidden></option>
  <option value="type1">hello, world!!</option>
  <option value="type2">fuck the world</option>
  <option value="type3">fuck everything</option>
</select>
<br>
<input placeholder="name1" data-prop="name">
<input placeholder="name2" data-prop="name">
<input placeholder="name3" data-prop="name">
<br>
<input placeholder="url1" data-prop="url">
<input placeholder="url2" data-prop="url">
<input placeholder="url3" data-prop="url">
<br>
<input class="value" disabled>
<input class="value" disabled>
<input class="value" disabled>

const getValues = prop =>
  Array.from(document.querySelectorAll(`[data-prop="${prop}"]`), n => n.value);


document.addEventListener('input', e => {
  if (!e.target.dataset.prop) {
    return;
  }

  const type = getValues('type')[0];
  const names = getValues('name');
  const urls = getValues('url');

  document.querySelectorAll('.value').forEach((n, i) => {
    n.name = n.value = `xxx[${type}][${names[i]}][${urls[i]}]`;
  });
});

array_filter(array_map(function($n) {
  return $n->business->id ?? null;
}, $arr))

Всё вызывается.

Обновление стейта производится не сразу же после вызова setState. Так что когда вы в методе setTimer последовательно вызываете методы setState и countTime, последний имеет дело со старым значением state.sec.

Как добиться желаемого поведения... Нужная вам информация есть в документации.

Достаточно добавить один символ... Или убрать. Вот здесь:

if (item.innerText === currentPage) {

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

item.innerText == currentPage

Или превращайте строку в число явным образом:

+item.innerText === currentPage

Это если по-быстрому исправить то, что есть. Но вообще, я бы всё переписал:

document.body.insertAdjacentHTML('beforeend', `
  <div class="container">
    <table>
      <thead>
        <tr>${keys.map(k => `
          <th>${k}</th>`).join('')}
        </tr>
      </thead>
      <tbody></tbody>
    </table>
    <div class="pagination"></div>
  </div>
`);

const tableEl = document.querySelector('.container table');
const paginationEl = document.querySelector('.container .pagination');

paginationEl.addEventListener('click', ({ target: t }) =>
  t.matches('a') && showPage(+t.textContent)
);

function showPage(page) {
  paginationEl.innerHTML = Array
    .from(
      { length: Math.ceil(data.length / rows) },
      (_, i) => `<a${-~i === page ? ' class="active"' : ''}>${-~i}</a>`)
    .join('');

  tableEl.tBodies[0].innerHTML = data
    .slice(~-page * rows, page * rows)
    .map(n => `
      <tr>${keys.map(k => `
        <td>${n[k]}</td>`).join('')}
      </tr>`)
    .join('');
}

showPage(1);

погуглите, что такое комплексные числа

Нет такого атрибута - transform. Это должно быть свойство style:

:style="{ transform: computedMatrix }"

Запятую добавьте: for i, in [[1],[2]]:.

$('.input_1').each((i, n) => console.log(n, n.value ? 'я заполнен' : 'я пуст'));

console.log($('.input_1').get().some(n => n.value) ? 'кто-то заполнен' : 'все пустые');

console.log($('.input_1').toArray().every(n => n.value) ? 'все заполнены' : 'кто-то пуст');

console.log(Array.from($('.input_1')).filter(n => n.value), 'мы заполнены');

console.log([...$('.input_1').not((i, n) => n.value)], 'мы пустые');