I think the problem here is not that you don't have an understanding of arrays and looping, but how to frame your question properly before you start. At present you have the following:

var cardArray = [Club0.jpg,Club1.jpg,Club3.jpg...];

And it you're making your life much more difficult for yourself because performing a numerical comparison on these array elements - while not impossible - would involve regex test that you're probably not quite ready for yet.

If instead you said I have 4 suits of cards, and the cards have a value of 1 - 13 (11 being a Jack up to 13 a King, Aces low), then you can start to understand the problem scope better.

Let's start by creating the deck - four suits with 14 cards each.

var deck = {

  heart: [1,2,3,4,5,6,7,8,9,10,11,12,13],

  club: [1,2,3,4,5,6,7,8,9,10,11,12,13],

  spade: [1,2,3,4,5,6,7,8,9,10,11,12,13],

  diamond: [1,2,3,4,5,6,7,8,9,10,11,12,13]

};

We need to hold the names of the suits in a separate array so we can access the object.

var suits = ['heart','club','spade','diamond'];

Next, memo is important. Since we don't want to take an identical card on each draw we need to make a note of what cards have already been taken; memo is a store of chosen cards which we reference.

var memo = [];

Now for the function drawRandomCard. It takes a random suit from our suit array, and a number from the array of that chosen suit. If the card is in memo we draw again otherwise we add it to memo and return the card. However, because we still want to run a comparison on the values, we're going to return an array, the first element is the suit, the second the value.

function drawRandomCard() {

  var suit = suits[Math.floor(Math.random() * suits.length)];

  var number = deck[suit][Math.floor(Math.random() * 13)];

  if (memo[suit + number]) drawRandomCard();

  memo.push(suit + number)

  return [suit, number];

}

For example:

var card1 = drawRandomCard();

var card2 = drawRandomCard();

To test the values, compare the second values of the array against each other:

console.log(card1[1] > card2[1]); // true or false

Then, should you want to, you can match the value of those variables to whatever images you need to load using join to merge the card array elements together.

var img = new Image();

img.src = card1.join('') + '.jpg'; // eg. diamond4.jpg

Or:

document.getElementById(card).src = card1.join('') + '.jpg';

Fiddle