Ответы пользователя 0xD34F

Как получить ключ массива?

0xD34F @0xD34F

$key = array_combine(array_column($array, 'id'), array_keys($array))[$id] ?? false;

или

$key = array_search($id, array_map(function($n) {
  return $n['id'];
}, $array));

Ответ написан более трёх лет назад

Комментировать

Как осуществить передачу данных между компонентами React?

0xD34F @0xD34F Куратор тега React

const ChildComponent = (props) => (
  <div
    className={`childComponent ${props.isActive ? 'active' : ''}`}
    onClick={props.onClick}
    data-id={props.id}
  >
    <h3>{props.text}</h3>
  </div>
);


const ParentComponent = ({ items }) => {
  const [ active, setActive ] = React.useState(null);

  const onClick = e => setActive(+e.currentTarget.dataset.id);
  // или
  // const onClick = e => setActive(+e.target.closest('[data-id]').dataset.id);

  return (
    <div>
      {items.map(n =>
        <ChildComponent
          key={n.id}
          onClick={onClick}
          isActive={n.id === active}
          {...n}
        />
      )}
    </div>
  )
};


ReactDOM.render(
  <ParentComponent
    items={[
      { id:  69, text:  'hello, world!!' },
      { id: 187, text:  'fuck the world' },
      { id: 666, text: 'fuck everything' },
    ]}
  />,
  document.getElementById('root')
);

Ответ написан более трёх лет назад

4 комментария

Как нарисовать треугольник в консоли?

0xD34F @0xD34F

for (int y = 0; y < size; y += 2) {
  for (int x = 0; x < size; x++) {
    printf(
      (x * 2 <= size && (size - y) / 2 <= x) ||
      (x * 2 >= size && y >= x * 2 - size)
        ? "@"
        : "_"
    );
  }

  printf("\n");  
}

Ответ написан более трёх лет назад

Комментировать

Как вынести за скобку отрицание с или?

0xD34F @0xD34F Куратор тега JavaScript

Сложить проверяемые значения в массив,...

const values = [ orgLawName, company, business, date, base, mber ];

...и дальше пусть его методы поработают:

values.some(n => !n)

// или

!values.every(Boolean)

Ответ написан более трёх лет назад

Комментировать

Как обновить один элемент в массиве в Redux?

0xD34F @0xD34F

case UPDATE_MESSAGE:
  return {
    ...state,
    messages: state.messages.map(n => n._id == payload._id ? payload : n),
  };

Ответ написан более трёх лет назад

Комментировать

Как сделать скролинг по блокам при наведении на элемент?

0xD34F @0xD34F Куратор тега JavaScript

https://jsfiddle.net/djfkrv2e/

Ответ написан более трёх лет назад

1 комментарий

Почему transition-group не работает?

0xD34F @0xD34F Куратор тега Vue.js

С помощью классов *-enter-active, *-leave-active и т.д. анимируются удаляемые/добавляемые элементы. Если key не изменился, элемент не будет удалён и заново добавлен, соответственно, и классы не будут добавляться.

Ответ написан более трёх лет назад

6 комментариев

Как поставить на повтор audio на JS?

0xD34F @0xD34F Куратор тега JavaScript

при еще одном клике музыка также отключалась

function fPlay() {
  soundmp3[soundmp3.paused ? 'play' : 'pause']();
}

поставить на повтор

loop

Ответ написан более трёх лет назад

Комментировать

Как перебрать массив в шаблоне?

0xD34F @0xD34F Куратор тега React

<Body tmp={this.state.body.json.result} />

{this.props.tmp.map(n => <div key={n._id}>{n.name}</div>)}

Ответ написан более трёх лет назад

15 комментариев

Как исправить баг awesome-swiper?

0xD34F @0xD34F Куратор тега Vue.js

Этот компонент - всего лишь обёртка над собственно swiper'ом. Который для создания бесконечной прокрутки делает копии слайдов (последнего, предпоследнего и т.д. перед первым; первого, второго и т.д. после последнего). При копировании элемента обработчики событий не копируются (кроме инлайновых, но, очевидно, тут другой случай). Отсюда "клик не срабатывает" - когда вы кликаете по клонированному слайду.

Делегируйте обработку событий. Обработчик клика будет один, и прицеплен к корневому элементу слайдера:

<swiper @click="onClick"

methods: {
  onClick(e) {
    const slide = e.target.closest('.swiper-slide');
    if (slide) {
      console.log(`slide ${slide.dataset.swiperSlideIndex} clicked`);
    }
  },

Ответ написан более трёх лет назад

Комментировать

Атрибут для SlickSlider не прописывается через HTML. Какой синтаксис в данном случае использовать?

0xD34F @0xD34F

Кавычки надо экранировать. Например.

Ответ написан более трёх лет назад

1 комментарий

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

0xD34F @0xD34F

$result = array_filter($data, function($item) use($input) {
  return mb_stripos($item, $input) === 0;
});

Ответ написан более трёх лет назад

Комментировать

Почему функция возвращает undefined?

0xD34F @0xD34F

Результат рекурсивного вызова - он что по-вашему, сам себя должен вернуть? Нет, так не будет. Пишите return перед getSum(sum).

Ответ написан более трёх лет назад

1 комментарий

Как сделать плавный переход?

0xD34F @0xD34F Куратор тега JavaScript

$('a').click(function(e) {
  e.preventDefault();
  $('html').animate({
    scrollTop: $($(this).attr('href')).offset().top,
  }, 500);
});

Ответ написан более трёх лет назад

1 комментарий

Как вырезать элемент по примеру?

0xD34F @0xD34F

preg_match('/\[token\|\d+\]/', $string, $match);

Ответ написан более трёх лет назад

Комментировать

Почему не работает переключение radiobutton?

0xD34F @0xD34F Куратор тега JavaScript

Групп радиокнопок две, а состояние смотрите только у одной.

$('#input4').attr('checked', true);

Атрибут checked предназначен для задания дефолтного состояния радиокнопки, вместо него следует использовать одноимённое свойство.

<fgroup class="fg1">

Это что ещё за на хрен? Меняйте на div'ы с общим классом - <div class="fgroup">.

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

const $groups = $('.fgroup').on('change', function(e) {
  $groups
    .not(this)
    .find(`input[value!="${e.target.value}"]`)
    .prop('checked', true);
});

Ответ написан более трёх лет назад

Комментировать

Как уникализировать массив объектов по значениям нескольких свойств?

0xD34F @0xD34F Куратор тега JavaScript

Вот вариант максимально короткий и лёгкий для понимания:

const unique = (arr, keys) =>
  arr.filter(n => n === arr.find(m => keys.every(k => m[k] === n[k])));


const result = unique(arr, [ 'model', 'param1', 'param2' ]);

Для вашего случая подходит, но вообще, есть ряд проблем:

Иногда косячит
Если объект присутствует в массиве несколько раз, то такие дубликаты не будут отброшены. Конкретно эта имеет тривиальное решение - вместо ссылок можно сравнивать индексы, под которыми объекты представлены в массиве:
```
- arr.filter(n => n === arr.find
+ arr.filter((n, i, a) => i === a.findIndex
```
Недостаточно гибко

Что если уникализировать надо не по собственно свойствам, а по каким-то производным от них значениям? Например, у объектов есть вложенные объекты, и нужны их свойства; или есть число, а нужен остаток от его деления на какое-то другое число; или есть дата, в которой важен только месяц.
Сложность

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

Так что вот вариант потяжелее:

const unique = function(arr, keys = n => n) {
  const picked = new Map;
  return arr.filter((...args) => {
    const p = []
      .concat(keys(...args))
      .reduce((acc, k) => acc.set(k, acc.get(k) || new Map).get(k), picked);

    return !p.set(this, p.has(this)).get(this);
  });
}.bind(Symbol());


const result = unique(arr, n => [ n.model, n.param1, n.param2 ]);

Ответ написан более трёх лет назад

2 комментария

Как сделать активными все slick dots до текущей активной?

0xD34F @0xD34F Куратор тега CSS

По умолчанию кнопки пусть будут красными (типа активные), а те, что расположены после активной перекрашиваете в синий (неактивные):

.slick-dots {
  li button {
    background-color: red;
  }

  li.slick-active ~ li button {
    background-color: blue;
  }
}

Ответ написан более трёх лет назад

1 комментарий

Как открывать балун с нужным текстом?

0xD34F @0xD34F Куратор тега Яндекс.Карты

jsfiddle.net/s7pxruhL

Ответ написан более трёх лет назад

1 комментарий

Как заставить работать slick slider filter?

0xD34F @0xD34F

$('.slider3')
  .slick('slickUnfilter')
  .slick('slickFilter', $(`.${$(this).data('goods')}`).closest('.slick-slide'));

Ответ написан более трёх лет назад

5 комментариев

Войдите на сайт