Pick random array element, remove it, display a message when no more elements available
<p>Okay, so I'm making a website that generates a random self-harm alternative when the user presses a button. I am using the JQuery .load() method to display a array element, however I can't seem to find a way of removing the element from the array after it's been selected. I also want to display a message to inform the user once there are no more alternatives to show. </p>

<p>I have tried the .splice() and .shift() methods, but it still seems to be showing repeats. I'm probably just not using these correctly. </p>

<p>Any help would be much appreciated.</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var skillList = new Array;
skillList[0] = "Math.floor(Math.random() * skillListAnxious.length)";
skillList[1] = "Math.floor(Math.random() * skillListAngry.length)";
skillList[3] = "Math.floor(Math.random() * skillListSad.length)";
skillList[3] = "Math.floor(Math.random() * skillListDistract.length)";
skillList[4] = "Math.floor(Math.random() * skillListThink.length)";
skillList[5] = "Math.floor(Math.random() * skillListSensation.length)";
skillList[6] = "Math.floor(Math.random() * skillListIllusion.length)";
skillList[7] = "Math.floor(Math.random() * skillListBizzare.length)";

var skillListAnxious = new Array;

var skillListSad = new Array;

var skillListAngry = new Array;
skillListAngry[0] = "skills.html #goForRun";
skillListAngry[1] = "skills.html #pillowFightWall";
skillListAngry[2] = "skills.html #breakSticks";
skillListAngry[3] = "skills.html #popBalloon";
skillListAngry[4] = "skills.html #calmJar";
skillListAngry[5] = "skills.html #scribbleonPeople";
skillListAngry[6] = "skills.html #stabFruit";
skillListAngry[7] = "skills.html #appleAgainstWall";
skillListAngry[8] = "skills.html #screamLoudly";
skillListAngry[9] = "skills.html #tearPaperObjects";
skillListAngry[10] = "skills.html #gym";
skillListAngry[11] = "skills.html #singtomusic";
skillListAngry[12] = "skills.html #pictureofangryness";
skillListAngry[13] = "skills.html #beatUpaStuffedBear";
skillListAngry[14] = "skills.html #bubblewrap";
skillListAngry[15] = "skills.html #popMultipleBalloons";
skillListAngry[16] = "skills.html #paperFillCrosshatches";
skillListAngry[17] = "skills.html #goForRun";
skillListAngry[18] = "skills.html #colourWholePaper";
skillListAngry[19] = "skills.html #throwIce";
skillListAngry[20] = "skills.html #cutSomethingElse";
skillListAngry[20] = "skills.html #cutSomethingElse";
skillListAngry[21] = "skills.html #writeDownandRip";
skillListAngry[22] = "skills.html #flattenCans";
skillListAngry[23] = "skills.html #heavyShoes";
skillListAngry[24] = "skills.html #tennis";
skillListAngry[25] = "skills.html #cutFruit";
skillListAngry[26] = "skills.html #markPicture";
skillListAngry[27] = "skills.html #slashBottle";
skillListAngry[28] = "skills.html #destroyPillows";
skillListAngry[29] = "skills.html #splatterPaint";
skillListAngry[30] = "skills.html #brushTeddyVicious";
skillListAngry[31] = "skills.html #watchFilm";

var skillListDistract = new Array;
skillListDistract[0] = "skills.html #cupTea";
skillListDistract[1] = "skills.html #hotBath";
skillListDistract[2] = "skills.html #mopBlood";

var skillListThink = new Array;
skillListThink[0] = "skills.html #butterflyProject";
skillListThink[1] = "skills.html #sample"

var skillListSensation = new Array;

var skillListIllusion = new Array;

var skillListBizzare = new Array;

function pick() {
  var skillChoice = Math.floor(Math.random() * skillList.length);
  $(".resultContent").load(skillList[skillChoice]);
 if (document.filter.anxious.checked == true) {
  var skillChoice = Math.floor(Math.random() * skillListAnxious.length);
  $(".resultContent").load(skillListAnxious[skillChoice]);
 }
 if (document.filter.sad.checked == true) {
  var skillChoice = Math.floor(Math.random() * skillListSad.length);
  $(".resultContent").load(skillListSad[skillChoice]);
 }
 if (document.filter.angry.checked == true) { 
  var skillChoice = Math.floor(Math.random() * skillListAngry.length);
  $(".resultContent").load(skillListAngry[skillChoice]);
 }
 if (document.filter.distract.checked == true) { 
  var skillChoice = Math.floor(Math.random() * skillListDistract.length);
  $(".resultContent").load(skillListDistract[skillChoice]);
 } 
 if (document.filter.think.checked == true) { 
  var skillChoice = Math.floor(Math.random() * skillListThink.length);
  $(".resultContent").load(skillListThink[skillChoice]);
 }
 if (document.filter.sensation.checked == true) { 
  var skillChoice = Math.floor(Math.random() * skillListSensation.length);
  $(".resultContent").load(skillListSensation[skillChoice]);
 }
 if (document.filter.bizzare.checked == true) { 
  var skillChoice = Math.floor(Math.random() * skillListBizzare.length);
  $(".resultContent").load(skillListBizzare[skillChoice]);
 }
 if (document.filter.illusion.checked == true) { 
  var skillChoice = Math.floor(Math.random() * skillListIllusion.length);
  $(".resultContent").load(skillListIllusion[skillChoice]);
 }

}</code></pre>
</div>
</div>
</p>