How to MouseEvent.Click on Multiple Movie Clips in Array - arrays

Question

I have an array of Movie Clips that are added to the stage by a timer event. This Movie Clip is called mSquare.Now I wanted to set up a EventListener for the Movie clip so whenever the user clicks on the Movie Clip then it is destroyed, But I am having trouble setting this up since there is an Array of them Added to the stage.
I keep getting this Error:
Cannot access a property or method of a null object reference.
Here is what I got so far:
mSquare.addEventListener(MouseEvent.CLICK, mIsDown);
Now in the mIsDown Function I know I have to go through the array so i tried to set up something like this:
private function mIsDown(e:MouseEvent):void
{
for (var i:int = 0; i < aSquareArray.length; i++)
{
//Get current Square in i loop
var currentSquare:mcSquare = aSquareArray[i];
if ( )
{
trace(currentSquare + "Mouse Is Down");
}
}
}
Also here is how my Square is added to the stage:
private function addSquare(e:TimerEvent):void
{
mSquare = new mcSquare();
stage.addChildAt(mSquare, 0);
mSquare.x = (stage.stageWidth / 2);
mSquare.y = (stage.stageHeight / 2) + 450;
aSquareArray.push(mSquare);
// trace(aSquareArray.length);
}
Any help would be appreciated on what i need to do in order for the user to be able to MOUSE.click or MouseDown for the array of movie clips thanks!
**************** Here is how I am doing it now***************
stage.addEventListener(MouseEvent.MOUSE_DOWN, movieClipHandler);
private function movieClipHandler(e:MouseEvent):void //test
{
mouseIsDown = true;
mSquare.addEventListener(MouseEvent.MOUSE_DOWN, squareIsBeingClicked);
}
private function squareIsBeingClicked(e:MouseEvent):void
{
var square:DisplayObject = e.target as DisplayObject; // HERE is your clicked square
var i:int = aSquareArray.indexOf(square); // and HERE is your index in the array
if (i < 0)
{
// the MC is out of the array
trace("Clicked");
checkSquareIsClicked();
} else
{
// the MC is in the array
}
}
private function checkSquareIsClicked():void
{
for (var i:int = 0; i < aSquareArray.length; i++)
{
var currentSquare:mcSquare = aSquareArray[i];
if (mouseIsDown)
{
aSquareArray.splice(i, 1);
currentSquare.destroySquare();
nLives --;
mouseIsDown = false;
}
}
}

Answer 1

The simplest answer is to use the target property of the event passed into the listener. This way you don't need to traverse the array in order to find what MC was clicked, you get it as target and go. To get the position of the targetted MC in the array, call indexOf function.
private function mIsDown(e:MouseEvent):void
{
var mc:DisplayObject = e.target as DisplayObject; // HERE is your clicked square
var i:int=aSquareArray.indexOf(mc); // and HERE is your index in the array
if (i<0) {
// the MC is out of the array
} else {
// the MC is in the array
}
}