0xD34F

Добавить свойство - массив, который будет содержать в себе ваши "разные массивы". Добавить свойство - индекс отображаемого массива. Добавить вычисляемое свойство - отображаемый массив. Выполнить рендеринг элементов на основе данных отображаемого массива.

https://jsfiddle.net/w0vrxcyg/1/

нужно пройтись в сторе по массиву найти у какого объекта stepConditions.active === true ему поставить false, а следующему объекту в stepConditions.active выставить true

Если активен может быть только один элемент - наверное, не надо указывать активность каждого элемента, храните отдельно индекс активного. Разве так не будет проще?

Ну а отвечая непосредственно на ваш вопрос:

case OPEN_NEXT_EXPRESS_FORM_STEP:
  const active = 1 + state.findIndex(n => n.stepConditions.active);
  return active ? state.map((n, i) => ({
    ...n,
    stepConditions: {
      ...n.stepConditions,
      active: i === active,
    },
  })) : state;

или

case OPEN_NEXT_EXPRESS_FORM_STEP:
  return state.map((n, i, arr) => ({
    ...n,
    stepConditions: {
      ...n.stepConditions,
      active: !!(i && arr[i - 1].stepConditions.active),
    },
  }));

arr.propertyIsEnumerable(length)
// => true

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

UPD. Могу предположить, что за length там у вас - если вы сами её не объявляли, это window.length.

Странный вопрос. Что в коде написали - то и происходит. Нет у вас там никакого добавления в массив. Если хотите, чтобы text был массивом, тогда делайте так:

$keyboard['keyboard'][$i]['text'][] = $buttons[$i];

При каждом ресайзе у вас вызывается sandwitch, в котором назначается обработчик клика. Отресайзили окно 10 раз - вот вам 10 обработчиков.

Не очень понятно, зачем вообще тут нужно отслеживать ресайз - вешайте обработчик сразу, и уже внутри него проверяйте ширину окна, как-то так:

$(document).on('click', '.sandwitch', function () {
  if ($(window).width() < 520) {
    $(this).toggleClass('sandwitch--active');
    $('.main-menu-list').slideToggle();
  }
});

Ну так вы же полностью переписываете объект:

state = {
    field: newField,
    currentPlayer: newPlayer
};

Где тут свойство winnner? Не вижу. А-у-у-у, winner, ты где? Нет никого.

Может, вы хотели объект дополнить? Типа, Object.assign(state, { ... }).

В качестве стейта будет объект, содержащий в себе значения всех счётчиков:

const initialState = {
  first: 0,
  second: 0,
};

Экшена достаточно и одного, помимо типа будет указываться имя счётчика:

class CounterAction implements Action {
  constructor(public type: ActionTypes, public payload: string) {}
}

Соответственно, в редьюсер передаём CounterAction, и обновляем указанный счётчик:

function counterReducer(state = initialState, action: CounterAction) {
  switch (action.type) {
    case ActionTypes.Increment:
      return {
        ...state,
        [action.payload]: state[action.payload] + 1,
      };
  ...

Далее, в компоненте покажем счётчики:

<div *ngFor="let item of count$ | async | keyvalue">
  <button (click)="increment(item.key)">Increment</button>
  <div>Current Count: {{ item.value }}</div>
  <button (click)="decrement(item.key)">Decrement</button>
  <button (click)="reset(item.key)">Reset Counter</button>
</div>

Ну и попросим их обновиться:

increment(key) {
  this.store.dispatch(new CounterAction(ActionTypes.Increment, key));
}
...

https://stackblitz.com/edit/angular-ms9wfw?file=sr...

SELECT t.value->>'status' AS status, count(t.value->>'status')
FROM table_name, jsonb_each(table_name.jsonb_column_name) AS t
GROUP BY status

function foo(...args) {
  console.log(args[N]);
}

или

function foo() {
  console.log(arguments[N]);
}

или

function foo(...{ [N]: x }) {
  console.log(x);
}

$('.advantage-wrapper--content').click(function() {
  $(this).next('.advantage-wrapper--modal').toggleClass('d-none');
});

Делаете ещё одно вычисляемое свойство, по аналогии с sum - массив title'ов отмеченных элементов:

selectedServices() {
  return this.services.reduce((acc, n) => (n.checked && acc.push(n.title), acc), []);
},

Ну и выводите его:

<ul>
  <li v-for="n in selectedServices">{{ n }}</li>
</ul>

UPD. А вообще, имеет смысл немного всё переписать, чтобы не обходить массив services полностью дважды (или трижды, четырежды - кто знает, что ещё потребуется делать с выбранными элементами в будущем). Сделаем selectedServices массивом не title'ов, а самих выбранных элементов:

selectedServices() {
  return this.services.filter(n => n.checked);
},

Рендеринг title'ов, соответственно, станет выглядеть так:

<ul>
  <li v-for="n in selectedServices">{{ n.title }}</li>
</ul>

И используем selectedServices для вычисления суммы, здесь трогать свойство checked больше не надо:

sum() {
  return this.selectedServices.reduce((acc, n) => acc + n.cost, 0);
},

const routes = [
  ...
  {
    path: '*',
    component: Page404,
  },
];

или, можно дополнительно редиректить:

const routes = [
  ...
  {
    path: '/404',
    component: Page404,
  },
  {
    path: '*',
    redirect: '/404',
  },
];

Получаем коллекцию элементов, вызываем конструктор для каждого из них:

const cards = Array.from(
  document.querySelectorAll('[data-component="card"]'),
  n => new Card(n)
);

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

constructor(el) {
  if (typeof el === 'string') {
    return Array.from(document.querySelectorAll(el), n => new Card(n));
  }

  // дальше всё по-старому

И тогда можно будет делать так:

const cards = new Card('[data-component="card"]');

Добавьте display: false в настройки xAxes.ticks.

Почему бы не почитать документацию? Там всё написано. Передавайте filterDebet в качестве значения параметра filter в таблицу: :filter="filterDebet".

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

хочу фильтровать по нескольким значениям

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

Используйте в качестве значений option'ов не сами значения, а их индексы внутри массива list. Эмитить надо будет, соответственно, list[target.value].

https://jsfiddle.net/krnLyf2q/

Или сделайте внутри компонента computed свойство с сеттером (в котором будет выполняться $emit), и используйте его в v-model.

https://jsfiddle.net/krnLyf2q/1/

Добавим в компонент свойство, которое будет представлять выбранную строку:

data: () => ({
  selected: null,
  ...
}),

Отображаем выбранную строку, если она есть; или все:

<tr v-for="(n, i) in (selected || objSearch)">

Клик по кнопке - сбрасываем свойство selected, если оно установлено; в противном случае устанавливаем:

@click="selected = selected ? null : { [i]: n }"

https://jsfiddle.net/dg4bxhu2/

Или, если "необходимо скрыть" понимать буквально, то можно определить класс, который будет прятать строки:

.hidden {
  visibility: hidden;
}

Назначать его строке, если есть выбранная строка и она не является текущей:

<tr
  v-for="(n, i) in objSearch"
  :class="{ hidden: selected !== null && selected !== i }"
>

Соответственно, установка значения selected:

@click="selected = selected === null ? i : null"

https://jsfiddle.net/dg4bxhu2/1/

Координаты точек - случайные значения в интервале -/+ половина стороны куба.

https://codepen.io/anon/pen/ewYOjK?editors=0010

UPD. А ещё можно так сделать - одной из координат (выбирается случайным образом) присваиваем крайнее значение, тогда куб будет пустой внутри, все точки на гранях. Если зафиксировать две координаты - все точки на рёбрах.

Убедитесь, что обработчик действительно назначен элементу, который скроллится, а не какому-нибудь из его дочерних элементов. Убедитесь, что этому элементу задано свойство overflow: scroll или overflow-y: scroll.

Потому что при назначении обработчиков клика кнопкам вроде бы одного конкретного слайдера, на самом деле назначаете их кнопкам всех слайдеров сразу.

Подозреваю, что виноват ".parents()"

И? Никак свои подозрения проверить не попытались? Можно же было посмотреть, что parents возвращает (и чем в результате оказываются prevBtn/nextBtn). Или прочесть об этом в документации.

Меняйте его на .closest('.block') или .parent().next('.slider-btns').