How to make a competent collision of objects?

Question

JavaScript

Game
https://codepen.io/CrystaZZ/pen/jONKZBd

Answer 1

const { position: { x, y }, cell_radius, food_size, food } = this;
for (let i = food.length; i--; ) {
  if ((food[i].x - x) ** 2 + (food[i].y - y) ** 2 <= (cell_radius + food_size) ** 2) {
    food.splice(i, 1);
  }
}

Answer 2

for (var i = 0; i < this.food.length; i++) {
  const {x: x1, y: y1} = this.position
  const r1 = this.cell_radius
  const {x: x2, y: y2} = this.food[i]
  const r2 = this.food_size

  const distance = Math.sqrt( (x1 - x2)*(x1 - x2) + (y1 - y2)*(y1 - y2) )
  const intersects = distance <= r1 + r2

  if(intersects) {
    console.log('I EAT', this.food[i])
  }
}