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

Question

[Sedbol]

Как обновить или добавить в массив объект?
Допустим есть массив
let arr = [];
Он может быть пустой либо содержать объекты

arr=[{"id":1,"red":1000},{"id":2,"red":1000},{"id":3,"black":1000}];

Как в него добавить или обновить объект? Если объект существует то его обновить если нет такого объекта то добавить.
Допустим в массиве объектов есть уже id2

arr=[{"id":1,"red":1000},{"id":2,"red":1000},{"id":3,"black":1000}];

как его обновить? Как пример возьму setInterval ("setInterval"для примера ) функция добавляет новый объект в массив. А надо если есть только обновить а не добавлять.

let arr = [];
    arr=[{"id":1,"red":1000},{"id":2,"red":1000},{"id":3,"black":1000}]
    setInterval(function () {
        let append={"id":2,"black":1000};
        arr = [...arr,append];      
    },1000)

Answer 1

[0xD34F]

const obj = arr.find(n => n.id === newObj.id);
if (obj) {
  Object.assign(obj, newObj);
} else {
  arr.push(newObj);
}

Comments

[Роман]

Хех. Как же я бесконечно далек от вашей легкости в решении подобных задач и как меня это удручает.

[Роман]

Но следует заметить что если в массиве был элемент например {id: 1, type: "text", text: "blablabla"} а мы хотим обновить на {id: 1, type: "author", name: "vasya"} то получим

{id: 1, text: "blablabla", type: "author", name: "vasya"}

При таком варианте assign не очень годится.

[0xD34F]

Роман, не знаю для кого как, а для меня "обновить" и "заменить" - не одно и то же. Если надо заменить - find меняем на findIndex, проверяем результат на неравенство -1, вместо assign делаем splice.

[Роман]

0xD34F, нисколько не сомневался, что у вас на все случаи найдется решение, зачастую изящное.

Answer 2

[Роман]

// функция с "МАГИЕЙ"
var upsertItem = (arr, item)=>{
   let isFound = false;
   arr = arr.map(obj=>{
      if( obj.id==item.id ){
         isFound = true;
         return item;
      }else{
         return obj;
      }
   });
   if( !isFound )
     arr.push(item);
   return arr;
}

// используем
arr=[{"id":1,"red":1000},{"id":2,"red":1000},{"id":3,"black":1000}];

// обновит элемент
   arr = upsertItem(arr, {"id":1,"red":0});
   console.log(JSON.stringify(arr));
   // выведет: [{"id":1,"red":0},{"id":2,"red":1000},{"id":3,"black":1000}]

// добавит элемент
   arr = upsertItem(arr, {"id":4,"blue":0});
   console.log(JSON.stringify(arr));
   // выведет: [{"id":1,"red":0},{"id":2,"red":1000},{"id":3,"black":1000},{"id":4,"blue":0}]

Comments

[Sedbol]

Спасибо то что нужно

[Роман]

Sedbol, не за что. В данном примере есть один нюанс - при каждом использовании upsertItem вы будете получать новый arr с внесенными в него изменениями. Это не должно быть проблемой, но если вдруг вы где то по коду, до использования upsertItem сделали ссылку на arr (например: var arr1=arr;) а затем, после arr = upsertItem(arr, ваш_объект); обратитесь к arr1 то увидите что в ней (в arr1) изменений не произошло.

[Sedbol]

Роман,

. В данном примере есть один нюанс - при каждом использовании upsertItem вы будете получать новый arr с внесенными в него изменениями

А мне как раз это и нужно. Мне надо получать сколько пользователей нажало не красное или черное. А если пользователь изменит допустим с красного на черное. Как раз и получится новый массив что бы подсчитать сколько на красном либо на черном)))

Answer 3

[Шохрух Шаймардонов]

Поискали бы сначала в гугле, нашли бы уже готовый ответ

Comments

[Роман]

Данный пример не добавит новый элемент если в массиве нет элемента с таким ID

[Шохрух Шаймардонов]

Роман, да. Но, сложная часть задачи уже решена, дальше можно было бы догадаться