edward_freedom

с перезагрузкой страницы

Ну тогда можно особо и не церемониться - вешайте на форму обработчик submit, в нём элементы, чьи значения надо исключить, удаляйте (el.remove()) или делайте неактивными (el.disabled = true). Например:

<form @submit="onSubmit">
  <div v-for="(v, k) in formData">
    <div>{{ k }}:</div>
    <div><input v-model="formData[k]" :name="k" :ref="k"></div>
  </div>
  <button>submit</button>
</form>

data: () => ({
  formData: {
    forename: '',
    surname: '',
    email: '',
  },
}),
methods: {
  onSubmit() {
    Object.entries(this.formData).forEach(([ k, v ]) => !v && (this.$refs[k][0].disabled = true));
  },
},

arr.reduce((acc, n, i) => (
  (i && (acc[acc.length - 1].length + !(acc.length & 1) !== 3)) || acc.push([]),
  acc[acc.length - 1].push(n),
  acc
), [])

const result = arr1.map((n, i) => {
  const index = Math.min(i * 2, ((arr2.length - 2) / 2 | 0) * 2);
  return `name: ${n} val1: ${arr2[index]} val2: ${arr2[index + 1]}`;
});

result.forEach(alert);

preg_match_all('~(?<=<p>).+?(?=</p>)~', $str, $match);

$data = array_map(function($n) {
  return explode('-', $n, 2);
}, $match[0]);

switch (true) {
  case one.includes(inp):
    ...
    break;

  case two.includes(inp):
    ...
    break;
}

Но вообще, в подобной хрени необходимости нет. Собираете в объекты пары массив + завернутый в функцию код из соответствующего массиву case'а, полученные объекты кладёте в массив:

const arr = [
  {
    values: [ ... ],
    action: () => { ... },
  },
  {
    values: [ ... ],
    action: () => { ... },
  },
];

И тогда всё сведётся к поиску элемента и вызову метода:

arr.find(n => n.values.includes(inp))?.action();

data = first + second
months = set(n['month'] for n in data)
summed = [ { 'month': m, 'stat': sum(n['stat'] for n in data if n['month'] == m) } for m in months ]

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

const toggle = (arr, id) => arr.map(n => n.id === id ? { ...n, done: !n.done } : n);

Изменить существующий:

const toggle = (arr, id) => (arr.forEach(n => n.id === id && (n.done = !n.done)), arr);

Очевидно, у каждого объекта с контентом должно быть собственное свойство, которое будет указывать на наличие лайка. Для отображения лайка неплохо бы сделать отдельный компонент. Можно даже с поддержкой v-model.

https://jsfiddle.net/0y6pjgc4/

setInterval($items => {
  $items.each(i => $items.eq(i).css({
    left: `${Math.random() * window.innerWidth}px`,
    top: `${Math.random() * window.innerHeight}px`,
  }));
}, 500, $элементыКоторымНадоЗадаватьСлучайныеКоординаты);

https://jsfiddle.net/s83btarx/

const formTemplate = `<здесь html-код формы>`;

$(document).on('change', 'селектор чекбокса', function() {
  const $el = $(this).closest('селектор формы');
  if (this.checked) {
    $el.after(formTemplate);
  } else {
    $el.nextAll('селектор формы').remove();
  }
});

https://jsfiddle.net/95rmfax3/

Рекурсия есть:

const findPath = (obj, val) =>
  Object.is(obj, val)
    ? []
    : Object.entries(obj instanceof Object ? obj : {}).reduce((found, n) => {
        if (!found) {
          found = findPath(n[1], val);
          if (found) {
            found.unshift(n[0]);
          }
        }

        return found;
      }, null);

Рекурсии нет:

function findPath(obj, val) {
  for (const stack = [ [ obj, [] ] ]; stack.length;) {
    const [ n, keys ] = stack.pop();

    if (Object.is(n, val)) {
      return keys;
    }

    if (n instanceof Object) {
      stack.push(...Object.entries(n).reverse().map(([ k, v ]) => [ v, [ ...keys, k ] ]));
    }
  }

  return null;
}

Здесь нужна не фильтрация, а группировка.

В элементы board добавьте свойство, значения которого будут повторять значения свойства category у элементов массива tasks. Типа имя категории, обозвать можно name.

computed: {
  tasksGroupedByCategory() {
    return this.tasks.reduce(
      (acc, n) => (acc[n.category].push(n), acc),
      Object.fromEntries(this.boards.map(n => [ n.name, [] ]))
    );
  },
},

<div v-for="b in boards">
  <h2>{{ b.title }}</h2>
  <div v-for="n in tasksGroupedByCategory[b.name]">
    {{ n.title }}
  </div>
</div>

https://jsfiddle.net/p6k8m527/1/

Не надо никакого indexOf:

<h1 class="header">click me</h1>
<h1 class="header">click me</h1>
<h1 class="header">click me</h1>

const text = [ 'hello, world!!', 'fuck the world', 'fuck everything' ];

$('.header').click(function() {
  const index = $(this).data('index') || 0;
  $(this).text(text[index]).data('index', (index + 1) % text.length);
});

const select = document.querySelector('[name="id_car_mark"]');

Добавляем в начало то, что есть в blackList:

const options = Object.fromEntries(Array.from(select, n => [ n.innerText, n ]));
select.prepend(...blackList.reduce((acc, n) => ((n = options[n]) && acc.push(n), acc), []));

Или, в конец то, чего нет:

select.append(...Array.prototype.filter.call(select, function(n) {
  return !this.has(n.textContent);
}, new Set(blackList)));

Очевидно, потому что так захотел автор кода.

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

const blockSelector = '.block';
const buttonSelector = `${blockSelector} button`;
const itemSelector = `${blockSelector} span`;

Делегирование, назначаем обработчик клика один раз для всех кнопок:

document.addEventListener('click', e => e
  .target
  .closest(buttonSelector)
  ?.closest(blockSelector)
  ?.append(document.querySelector(itemSelector))
);

Или, назначаем обработчик клика каждой кнопке индивидуально:

const item = document.querySelector(itemSelector);
const onClick = e => e.currentTarget.closest(blockSelector).appendChild(item);
document.querySelectorAll(buttonSelector).forEach(n => n.addEventListener('click', onClick));

const icons = {
  one: [ 'url иконки раскрытия одного элемента', 'и закрытия' ],
  all: [ 'url иконки раскрытия всех', 'что здесь должно быть, думаю догадаетесь' ],
};

const getState = el => $(el)
  .closest('.team__info-worklog')
  .find('.worklog-table')
  .get()
  .map(n => $(n).is(':visible'));

const setState = (el, state) => $(el)
  .closest('.team__info-worklog')
  .find('.worklog-table').each((i, n) => $(n)[state[i] ? 'slideDown' : 'slideUp']()).end()
  .find('.worklog-expend-all img').attr('src', icons.all[+state.some(Boolean)]).end()
  .find('.worklog-list__expend img').attr('src', i => icons.one[+state[i]]);

const createUpdater = f => e => setState(e.target, f(getState(e.target), e));


$('.worklog-expend-all').on('click', createUpdater(state => {
  return Array(state.length).fill(!state.some(Boolean));
}));

$('.team__info-worklog').on('click', '.worklog-list__expend', createUpdater((state, e) => {
  const index = $(e.target).closest('.worklog-list__row').index();
  return state.map((n, i) => i === index ? !n : n);
}));

this.nextTick

Да ну?

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

создаёт новый массив со всеми значениями, для которых функция callback вернула значение, которое может быть приведено к true

В первом случае вы возвращаете true, если элемент массива является числом, то есть, в результирующий массив попадают только числа, и неважно, каковы их значения. Во втором случае вы возвращаете сам элемент, если он является числом, а нули, они да - имеют своим булевым эквивалентом false, поэтому и отбрасываются.

nextTick + вызов дополнительного reflow путём обращения к одному из свойств анимируемого элемента.

Или назначайте анимируемому элементу key, и изменяйте его когда анимацию надо перезапустить (свойство isAnim в этом случае не нужно).

Или делайте анимацию бесконечной, и чтобы длительность совпадала с интервалом, по которому уменьшаете number. Класс с анимацией назначается в случае, если number ещё есть куда уменьшать.