Array Manipulation

by isogunro

HTML

<div id="sports"></div>
<div id="moreSports"></div>
<div id="concatSports"></div>

<div id="indexOf"></div>

<div id="join"></div>
<div id="reverse"></div>
<div id="sort"></div>

CSS

.bold {
    font-weight: bold;
    color: Red;
}
.Result {
    font-weight: bold;    
    color:blue;
}

JavaScript

//ARRAY Manipulation

//**************Concat Method*****************************************
var sports = new Array('football','cricket','rugby','tennis','badminton');
var el = document.getElementById("sports");
el.innerHTML = "<span class='bold'>Sports:--</span> "+sports;

var moreSports = new Array('soccer','basketball','hockey');
var el2 = document.getElementById("moreSports");
el2.innerHTML = "<span class='bold'>More Sports:--</span> "+moreSports;

var combinedSports = sports.concat(moreSports);
var el3 = document.getElementById("concatSports");
el3.innerHTML = "<span class='Result'>Concat Sports:--</span> "+combinedSports;
//**************Concat Method*****************************************


//**************indexOf Method*****************************************
var index = sports.indexOf('Football',0);
var el4 = document.getElementById("indexOf");
el4.innerHTML = "<span class='bold'>IndexOf('Football'):-- "+index;

var numTest = new Array('1','2','3','4');
//alert(numTest.indexOf('3',0));
//**************indexOf Method*****************************************

//**************join Method********************************************
var joined = sports.join(';');
var el5 = document.getElementById("join");
el5.innerHTML = "<span class='bold'>Join Sports:-- </span>"+joined;
//**************join Method********************************************


//**************reverse Method********************************************
var reverse = sports.reverse();
var el6 = document.getElementById("reverse");
el6.innerHTML = "<span class='bold'>Reverse Sports:-- </span>"+reverse;
//**************reverse Method********************************************

//**************sort Method********************************************
//alert(sports.indexOf('football'));
var sort = sports.sort();
var el7 = document.getElementById("sort");
el7.innerHTML = "<span class='bold'>Sort Sports:-- </span>"+sort;
//alert(sports.indexOf('football'));
//**************sort...