0xD34F

Сделать компонент рекурсивным, конечно же. Вложенные данные передаются в ещё один экземпляр компонента. Условие окончания рекурсии - некорректность данных (не являются массивом или имеют нулевую длину).

const Comments = ({ items }) =>
  Array.isArray(items) && items.length
    ? <React.Fragment>{items.map(n =>
        <div className="comment" key={n.id}>
          <h3>{n.name}</h3>
          <div>{n.body}</div>
          <Comments items={n.reply} />
        </div>)}
      </React.Fragment>
    : null;

.v-carousel__prev .v-btn__content,
.v-carousel__next .v-btn__content {
  color: red;
}

UPD. Для vuetify 2 будет так:

.v-window__prev .v-btn__content,
.v-window__next .v-btn__content {
  color: red;
}

Рекурсия не нужна:

async function request(data) {
  let result = data;

  do {
    result = await запрос(result);
  } while (result не тот, который нужен);

  return result;
}

Но если очень хочется, тогда так:

function requestRecursive(data) {
  return запрос(data).then(result => {
    return result тот, который нужен
      ? result
      : requestRecursive(result);
  });
}

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

const values = Object.values(obj);

Дальше возможны варианты:

const count = values.flat().length;
// или
const count = [].concat(...values).length;
// или
const count = values.reduce((acc, n) => acc + n.length, 0);
// или
const count = eval(values.map(n => n.length).join('+')) || 0;

Нет у ваших меток никакого содержимого, нечего подтягивать.
Можно достать нужный текст из массива по индексу метки:

const index = myCollection.indexOf(e.get('target'));
alert(myCoords[index].text);

UPD. Не очень понятно, зачем вообще тут нужен alert. Задайте меткам balloonContent - нужный текст будет отображаться посредством всплывающих окон.

transition:

data: () => ({
  image: 0,
  images: [ 'раз картинка', 'два картинка', 'три картинка' ],
}),

<button v-for="(n, i) in images" @click="image = i">
  Показать картинку #{{ i }}
</button>

<transition name="image" mode="out-in">
  <img :key="image" :src="images[image]">
</transition>

.image-enter-active,
.image-leave-active {
  transition: opacity .3s;
}

.image-enter,
.image-leave-to {
  opacity: 0;
}

https://jsfiddle.net/po6ge103/

А почему вы фильтруете разные массивы? - в одном случае brasAll (это как раз тот, который "перебивает все прошлые фильтры"), а в остальных tempProducts.

Почему метод,ответственный за фильтрацию, имеет в своём имени слово "sort"?

Ну и длинно как-то всё, не помешало бы сократить, можно сделать массив фильтров, элементы которого будут состоять из двух значений - применяем/нет фильтр и собственно функция фильтрации, затем прогоняем через полученные фильтры массив с данными, как-то так:

const filteredProducts = [
  [            true, n => n.type === 'Bras' ],
  [            true, n => n.price <= tempPrice ],
  [ color !== 'all', n => n.color === color ],
  [             cup, n => n.cup.includes(cup) ],
  [        shipping, n => n.freeShipping === true ],
  [          search, n => n.title.toLowerCase().startsWith(search.toLowerCase()) ],
].reduce((products, [ active, fn ]) => {
  return active
    ? products.filter(fn)
    : products;
}, storeProducts);

this.setState({ filteredProducts });

Вариант добавить в лоб, как я сделал это выше class='test', не сработал.

брехня

UPD. Вынесено из комментариев:

Этот класс применился к input. А мне нужно применить класс к самому select, который появляется перед закрывающим тегом body.

Судя по документации, такой возможности не предусмотрено. При изучении исходного кода компонента был обнаружен недокументированный параметр mdClass, значение которого добавляется корневому элементу выпадающего списка в качестве класса.

Можете использовать его на свой страх и риск.

Также надо иметь в виду, что поскольку выпадающий список рендерится за пределами корневого элемента компонента, добавляемый css-класс должен быть описан в секции style, не являющейся scoped.

Вот окей, используем Set:

Array.from(new Set(arr.flat()))

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

[...arr.reduce((acc, n) => (n.forEach(m => acc.add(m)), acc), new Set)]

Вот не окей:

Object.keys([].concat(...arr).reduce((acc, n) => (acc[n] = 1, acc), {}))

// или

Array.prototype.concat.apply([], arr).filter((n, i, a) => i === a.indexOf(n))

// или

`${arr}`.split(',').reduce((acc, n) => (acc.includes(n) || acc.push(n), acc), [])

// или

String(arr).match(/\w/g).sort().filter((n, i, a) => n !== a[i - 1])

// или

arr.toString().match(/(\w)(?!.*\1)/g) || []

Ну, во-первых - переменные всё-таки обновляются. Во-вторых - проблема тут не столько в использовании nextTick, сколько в том, как браузер оптимизирует отрисовку страницы. Если одно и то же css свойство обновляется несколько раз подряд, то отрисовано будет только последнее состояние. Чтобы добиться желаемого поведения, вам надо спровоцировать reflow между изменениями свойства - тут есть разные варианты. Например.

Вместо ненужных элементов ничего не указывайте:

function someFunction([ ,,, id,, status ]) {

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

function someFunction({ 3: id, 5: status }) {

web worker

Чем является this внутри обработчика клика? Не тем, что вам кажется. Замените $(this).attr("href") на $(event.target).attr("href") или стрелочную функцию на обычную.

Первым делом надо выдернуть из объекта msg.razd массив значений:

const arr = Object.values(msg.razd);.

Затем из вложенных массивов следует собрать один общий:

const categories = arr.flatMap(n => n.category);

// или

const categories = [].concat.apply([], arr.map(n => n.category));

// или

const categories = arr.reduce((acc, n) => (acc.push(...n.category), acc), []);

И, наконец, достать из полученного массива объекты с указанными id:

const result = categories.filter(n => expect.includes(n._id));

// или

const result = categories.filter(function(n) {
  return this.has(n._id);
}, new Set(expect));

// или

const categoriesObj = Object.fromEntries(categories.map(n => [ n._id, n ]));
const result = expect.reduce((acc, n) => ((n = categoriesObj[n]) && acc.push(n), acc), []);

$(document).on('click', '.qwe > a', function() {
  $(this).next('.op').addClass('actives');
});

$(document).on('click', '.cl', function() {
  $(this).closest('.op').removeClass('actives');
});

Или может есть вариант на CSS?

есть

Отсутствует key. Вы его вроде бы указали, но ведь реально никаких id в элементах массива items нет. Надо добавить.

Забыли передать current в setTimeout, должно быть так:

setTimeout((current) => pika[current].classList.toggle('active'), 100, current)

UPD. А вообще, не очень понятно, зачем этот setTimeout нужен. Можно просто вырезать его.

А зачем вы добавляете обработчики keydown в startGame? Десять раз сыграли - вот уже есть десять обработчиков, которые делают одно и то же. Достаточно и одного. Вынесите этот код за пределы startGame.