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

Question

[kolaluka]

const arr = [{title: 'test', id: 1, children: []}, {title: 'test1', id: 2, children: [{title: 'first children', id: 3}]}]

Как найти объект по id и удалить его из массива (или изменить)?
Допустим, приходит id 3, нужно тогда, чтобы массив стал такой

[{title: 'test', id: 1, children: []}, {title: 'test1', id: 2, children: []}]

Comments

[WbICHA]

Опять? Вас в гугле забанили? Вы по каждой фигне вопросы строчить будете?

[WbICHA]

splice

[kolaluka]

WbICHA, так а как найти нужный объект? Проблема в том, что у меня есть и вложенные объекты

[WbICHA]

kolaluka, не понял, тебе надо рекурсивно по детям пройтись?

[kolaluka]

WbICHA, ara

[n1ksON]

arr.map(({children}) => { // arr не должен быть константой
  children.map(({id},i) => {
    if (id === 3) {
			children.splice(i, 1)
      return children
    }
  })
  return arr
})

Answer 1

[Vladimir Lewandowski]

arr.filter(({ id }) => id !== 3);

Comments

[Lynn «Кофеман»]

Только всё-таки !==

[Евгений]

И там вложенный массив)

[kolaluka]

не работает со вложенным объектом, который в children

[Vladimir Lewandowski]

Lynn «Кофеман», упс. Естественно. Спасибо.

[Vladimir Lewandowski]

Евгений, я может что-то не вижу, но нет там вложенного массива. Ну children, но речь не о нем же.

[Sergey Romanov]

kolaluka, а зачем он тебе? Ты же по id удаляешь?

[Евгений]

Vladimir Lewandowski, id = 3 именно в обьекте массива children)

[WbICHA]

Опять фильтр и деструктуризация там, где они неуместны...

[n1ksON]

WbICHA, можете скинуть статейку о том, как правильно юзать деструктуризацию?
просто очевидно же что проще написать так:
arr.filter(({ id }) => id !== 3);
чем так:
arr.filter(data => data.id !== 3);

[kolaluka]

n1ksON, тоже интересно

[G F]

n1ksON, не очевидно. И читается второй вариант лучше

[WbICHA]

n1ksON, kolaluka, комментарии к моему ответу: Найти внутри objecta все params?

[WbICHA]

n1ksON, kolaluka, если коротко, то суть в том, что запись с деструктуризацией равносильна такой записи:

arr.filter((el) => 
  const id = el.id;
  return id !== 3;
});

Answer 2

[Sergey Romanov]

arr.splice(arr.indexOf(arr.find(el => el.id === id)),1);

Comments

[kolaluka]

Спасибо, но не то

const arr = [{title: 'test', id: 1, children: []}, {title: 'test1', id: 2, children: [{title: 'first children', id: 3}]}]
arr.splice(arr.indexOf(arr.find(el => el.id === id)),1);

тут результат
[{title: 'test', id: 1, children: []}]

а должен быть такой

[{title: 'test', id: 1, children: []}, {title: 'test1', id: 2, children: []}]

то есть должен удалиться только внутренний массив

[Дмитрий Беляев]

arr.indexOf(arr.find

OMG!..

Sergey Romanov, скажите, Вам приходилось слышать про метод findIndex?

[WbICHA]

arr.indexOf(arr.find(el => el.id === id))

Это что за извращение? findIndex для кого придумали?

[sinneren]

ну, если ключ children в реальном примере существует и вложенность только такая, то

const arr = [{title: 'test', id: 1, children: []}, {title: 'test1', id: 2, children: [{title: 'first children', id: 3}]}]
arr.map((item, index) => {
  item.children.map((ch_item, ch_index) => {
  		if (ch_item.id === 3) item.children = [];
  })
})

Если вложенность больше, то создаём функцию с рекурсией для:

item.children.map((ch_item, ch_index) => {
  		if (ch_item.id === 3) item.children = [];
  })