Colision detection in canvas between moving objects?

Question

JavaScript

There is an array of objects which has properties xy dx dy. They are drawn on the canvas and move by adding dx/y to x/y (or -dx/y if you need to change direction). You need to implement a collision between them so that when they collide they repel each other. What is the best way to do this