Source Code - JsMadeEasy.com

Metachecker.net

|

FontsMadeEasy.com

|

RankChecker.net

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial


Modify Array
Demonstrates how to modify an array by adding elements to or remove elements from the array. Our example also includes validation to ensure that only valid elements are removed or that 'reasonable' element indexes are added. Clever!



Insert into <HEAD>
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin var letterArray = new Array("A","B","C","D","E"); function addElement(array) { size = array.length; addindex = parseInt(prompt("Please enter the element index where you would like to add an item.","")); validNo = (addindex != "NaN"); inRange = ( (addindex >= 0) && (addindex <= array.length+1) ); if (validNo && inRange) { addvalue = prompt("Please enter the value to be added as element index " + addindex + ".",""); for (var i=array.length+1; i>addindex; i--) array[i] = array[i-1]; array[addindex] = addvalue; array.length = array.length-1; showArray(array); } else alert("You only add element indexes between 0 and " + (size) + "."); } function deleteElement(array) { size = array.length; delindex = parseInt(prompt("Please enter the element index of the item to remove.","")); validNo = (delindex != "NaN"); inRange = ( (delindex >= 0) && (delindex <= array.length) ); if (validNo && inRange) { for (var i=0; i<=size; i++) array[i] = ((i == delindex) ? "delete" : array[i]); for (var j=delindex; j<size-1; j++) if (j != size) array[j] = array[j+1]; array.length = size-1; alert("Element index " + delindex + " has been removed. The other elements have moved to fill the spot."); showArray(array); } else alert("You only delete from element index 0 to " + (size-1) + "."); } function showArray(array) { arraytext = ""; for (var i=0; i<array.length; i++) { arraytext += "Element Index " + i + ": " + array[i] + "\n"; } document.form.text.value = arraytext; } // End --> </script>

Insert into <BODY>
<center> <form name=form> <input type=button value="Show Array" onClick="javascript:showArray(letterArray)"><br> <input type=button value="Add Element" onClick="javascript:addElement(letterArray)"> <input type=button value="Delete Element" onClick="javascript:deleteElement(letterArray)"><br> <br> <textarea name="text" rows=20 cols=60></textarea> </form> </center>

Other Options