0xD34F

const count = str => [...str]
  .reduce((acc, n, i, a) => (
    a[i - 1] !== n && acc.push([ n, 0 ]),
    acc[acc.length - 1][1]++,
    acc
  ), [])
  .flat()
  .join('');

или

const count = str => str.replace(/(.)\1*/g, m => m[0] + m.length);

new Date(str.split(' ', 1)[0].split('.').reverse().join('-')).toLocaleString('ru-RU', {
  month: 'long',
  day: 'numeric',
})

const $checkbox = $('.form__chekbox');
const $cbAll = $checkbox.filter('.form__chekbox_all');
const $cb = $checkbox.not($cbAll);

$cbAll.change(e => $cb.prop('checked', false));

$cb.change(() => {
  const $checked = $cb.filter(':checked');
  const allChecked = $checked.length === $cb.length;
  $cbAll.prop('checked', !$checked.length || allChecked);
  $cb.prop('checked', (i, val) => allChecked ? false : val);
});

function App(props) {
  const [ items, setItems ] = React.useState([...props.items]);
  const [ name, setName ] = React.useState('');

  const add = () => setItems([
    ...items,
    {
      id: 1 + Math.max(0, ...items.map(n => n.id)),
      name,
    },
  ]);

  return (
    <div>
      <div>
        <input onChange={e => setName(e.target.value)} />
        <button onClick={add}>add</button>
      </div>
      {items.map(n => (
        <div key={n.id}>
          {Object.entries(n).map(([ k, v ]) => <div>{k}: {v}</div>)}
        </div>
      ))}
    </div>
  );
}

mounted() {
  const observer = new IntersectionObserver(entries => {
    if (entries[0].isIntersecting) {
      stopObservation();
      // здесь запрашивайте свои данные
    }
  }, {
    threshold: 1,
  });
  observer.observe(this.$el);

  const stopObservation = () => observer.disconnect();
  this.$on('hook:beforeDestroy', stopObservation);
},

Потому что

new Date instanceof Object // true

Пора бы разобраться с основами js - какие там бывают типы данных, и в чём особенности работы с ними. В частности, как сравниваются объекты.

Потому что вы используете компонент App дважды - как корневой компонент приложения, и как компонент маршрута.

Уберите { path: '/', component: App },, или укажите вместо App какой-нибудь другой компонент.

/(?=.*1)(?=.*2)(?=.*3)/.test(str)

или

[ 1, 2, 3 ].every(n => str.includes(n))

или

new Set(str.match(/[123]/g)).size === 3

Вместо прямого добавления/удаления класса сделайте динамическую привязку в зависимости от текущего значения инпута. Чтобы упростить повторное использование, сделайте компонент: принимает в качестве параметров значение и плейсхолдер, при редактировании пользователем инпута выбрасывает соответствующее событие с новым значением.

props: [ 'value', 'placeholder' ],

<div>
  <input
    :class="value ? 'input_filled' : ''"
    :value="value"
    @input="$emit('input', $event.target.value)"
  >
  <span>{{ placeholder }}</span>
</div>

https://jsfiddle.net/2415wkmg/

Как можно дополнить мой код, чтобы он проверял то, что требуется?

Дополнить - никак. Надо переписать. К единице надо плюсовать не все результаты рекурсивных вызовов, а только один, наибольший.

И можно как-нибудь без объявления переменной n внутри функции?

Можно:

const getMaxDepth = arr =>
  Array.isArray(arr)
    ? 1 + Math.max(0, ...arr.map(getMaxDepth))
    : 0;


console.log(getMaxDepth([ 1, [ 2 ], [ [ 3 ] ], [ [ [ 4 ] ] ] ])); // 4
console.log(getMaxDepth([])); // 1
console.log(getMaxDepth(666)); // 0

распарсить

json_encode

Вы там как, в своём уме?

А ещё скобки. Квадратные. Очень нужны. А их нет. Надо добавить. Открывающую - в начало строки. Закрывающую - ну, попробуйте угадать с трёх раз куда.

const createArr = (source, maxLength) =>
  [...Array(1 + Math.random() * maxLength | 0)].map(() => source[Math.random() * source.length | 0]);


const [ arr1, arr2, arr3 ] = [...Array(3)].map(() => createArr(arr, 5));

Если элементы не должны повторяться, тогда так (исходный массив копируется и из него вырезаются случайные элементы):

const createArr = ([...source], maxLength) => Array.from(
  { length: Math.min(source.length, 1 + Math.random() * maxLength | 0) },
  () => source.splice(Math.random() * source.length | 0, 1)[0]
);

или, копируем исходный массив, перемешиваем копию, берём случайное количество элементов из начала:

function createArr(source, maxLength) {
  const arr = source.slice();

  for (let i = arr.length; --i > 0;) {
    const j = Math.random() * (i + 1) | 0;
    [ arr[j], arr[i] ] = [ arr[i], arr[j] ];
  }

  return arr.slice(0, 1 + Math.random() * maxLength | 0);
}

function createTable(rows, cols) {
  const maxLen = `${rows * cols}`.length;

  return [...Array(rows)]
    .map((n, i) => [...Array(cols)]
      .map((m, j) => `${cols * i + j + 1}`.padStart(maxLen, 0))
      .join(' '))
    .join('\n');
}

или

function createTable(rows, cols) {
  const zeroStr = Array(1 + Math.ceil(Math.log10(rows * cols + 1))).join(0);
  let result = '';

  for (let i = 0; i < rows; i++) {
    result += i ? '\n' : '';

    for (let j = 0; j < cols; j++) {
      result += (j ? ' ' : '') + (zeroStr + (cols * i + j + 1)).slice(-zeroStr.length);
    }
  }

  return result;
}

https://datatables.net/reference/option/language.search

series: {
  0: {
    color: 'red',
  },
},

const grouped = arr.reduce((acc, n) => {
  const [ , month, year ] = n.x.split('.');
  (acc[year] ??= Array(12).fill(0))[month - 1] += n.y;
  return acc;
}, {});

/^[^/|%[\]]*$/.test(str)

или, соответственно, если зайти с другой стороны:

!/[/|%[\]]/.test(str)

const SHOW_INITIAL = 3;
const SHOW_MORE = 5;
const listSelector = '.myList';
const itemSelector = 'li';
const showSelector = '.loadMore';
const hideSelector = '.showLess';

$(listSelector)
  .on('click', showSelector, function({ delegateTarget: t }) {
    $(`${itemSelector}:hidden`, t).slice(0, SHOW_MORE).show();
  })
  .on('click', hideSelector, function({ delegateTarget: t }) {
    $(`${itemSelector}:visible`, t).slice(SHOW_INITIAL).slice(-SHOW_MORE).hide();
  })
  .each(function() {
    $(itemSelector, this).slice(0, SHOW_INITIAL).show();
  });