0

selectedProducts: [...state.selectedProducts.filter((el) => el.id !== data.payload[0].id), ...data.payload]

selectedProducts - это массив с элементами, data.payload - это массив с нужным элементом длинной N пробовал вот так

4
  • splice казалось бы нужен, а не filter
    – teran
    6 окт 2022 в 14:57
  • проблема в том что изначально selectedProducts может содержать тоже несколько элементов которые я передаю, не могу сообразить как мне реализовать, смысл в том что у меня есть инпут с цифрой и кнопки типа + -, на onChange которых я должен вызвать изменение selectedProducts и передать туда новое кол-во передающих элементов 6 окт 2022 в 15:02
  • Поясни, не очень понятно n раз на тоже самое место где и был В массив можно добавить элемент, можно удалить, можно заменить, но N элементов на одно и то же место нельзя
    – SwaD
    6 окт 2022 в 15:58
  • получается у меня есть массив элементов, если я в инпут ввожу 2 у меня должно быть два элемента в массиве если я буду пушить просто у меня отображение элементов будет меняться, так как будет меняться расположение в массиве я пытался просто убрать нужные элементы и добавить их в конец массива, но опять же этот способ меняет места в массиве, мне надо чтобы [1,2,3,4,5] и если я хочу добавить к примеру три 3, то он стал [1,2,3,3,3,4,5] 6 окт 2022 в 16:25

1 ответ 1

0

Как я понял, вы работаете с отсортированным массивом объектов и вам необходимо "разнообразное" поведение, то его можно реализовать следующим образом:

/**
 * @typedef {Object} Element
 * @property {number} id
 * @property {string} name
 */
/** @type Element[] */
const datas = [{ id: 0, name: '0'}, {id: 1, name: '1'},
  { id: 2, name: '2'}, {id: 3, name: '3'},
  { id: 4, name: '4'}, {id: 5, name: '5'},];
/** @param {Element[]} data
  * @param {Element[]} inc 
 */
function insert(data, inc) {
  if (inc.length === 1) { // Если элемент 1 меняем местами
    const idx = data.findIndex(item => item.id === inc[0].id);
    if (idx !== -1) data[idx] = inc[0];
    // Тут вам надо описать поведение, если элемент не найден
    return data;
  } else {
    // Если передали сразу несколько элементов
    function sorts(a, b) {
      if (a.id > b.id) return 1;
      if (a.id < b.id) return -1;
      return 0;
    }
    const ids = inc.map(item => item.id);
    // Отдельно сюда добавьте, при необходимости проверки
    const dataset = data.filter(item => {
      return !ids.includes(item.id);
    })
    // И сюда тоже можно проверок добавить.
    if (dataset.length !== data.length) {
      // Вставляем новые элементы
      inc.forEach(item => dataset.push(item));
      // Сортируем
      return dataset.sort(sorts);
    }
  }
}

console.log(insert(datas, [{id: 1, name: '11'}]));
console.log(insert(datas, [{id: 1, name: '11'}, {id: 4, name: '44'}]));

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

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.