All Array Methods

This JavaScript program demonstrates all of the methods for arrays.

AllArrayMethods.html

<!DOCTYPE html>
<html>
  <head>
    <title>XoaX.net's Javascript</title>
    <script type="text/javascript" src="AllArrayMethods.js"></script>
  </head>
  <body onload="Initialize()">
  </body>
</html>

AllArrayMethods.js

function Initialize() {
	var iaArray = [0,2,4,6,8,10];
	document.writeln("Initial Array<br />");
	Print(iaArray);
	document.writeln("<br />");

	iaArray.push(12);
	document.writeln("After push(12)<br />");
	Print(iaArray);
	document.writeln("<br />");

	const kiLast = iaArray.pop();
	document.writeln("After pop(), returned = "+kiLast+"<br />");
	Print(iaArray);
	document.writeln("<br />");

	const kiFirst = iaArray.shift();
	document.writeln("After shift(), returned = "+kiFirst+"<br />");
	Print(iaArray);
	document.writeln("<br />");
	
	iaArray.unshift(-2);
	document.writeln("After unshift(-2)<br />");
	Print(iaArray);
	document.writeln("<br />");
	
	const kiaMerged = iaArray.concat([1,2,3]);
	document.writeln("After concat([1,2,3])<br />");
	Print(iaArray);
	document.write("Returned merged = ");
	Print(kiaMerged)
	document.writeln("<br />");
	
	const kiaSliced = iaArray.slice(1,-2);
	document.writeln("After slice(1,-2)<br />");
	Print(iaArray);
	document.write("Returned sliced = ");
	Print(kiaSliced)
	document.writeln("<br />");
	
	const kiaSpliced = iaArray.splice(1, 2, 15, 13, 11);
	document.writeln("After splice(1, 2, 15, 13, 11)<br />");
	Print(iaArray);
	document.write("Returned spliced = ");
	Print(kiaSpliced)
	document.writeln("<br />");
	
	Print(iaArray);
	const kiIndexOf11 = iaArray.indexOf(11);
	document.write("indexOf(11) = "+kiIndexOf11+"<br />");
	const kiIndexOf5 = iaArray.indexOf(5);
	document.write("indexOf(5) = "+kiIndexOf5+"<br />");
	document.writeln("<br />");
	
	Print(iaArray);
	const kiIncludes11 = iaArray.includes(11);
	document.write("includes(11) = "+kiIncludes11+"<br />");
	const kiIncludes5 = iaArray.includes(5);
	document.write("includes(5) = "+kiIncludes5+"<br />");
	document.writeln("<br />");
	
	Print(iaArray);
	var iSum = 0;
	iaArray.forEach(iValue => iSum += iValue);
	document.write("Sum of forEach(iValue => iSum += iValue) = "+iSum+"<br />");
	document.writeln("<br />");
	
	Print(iaArray);
	const kiaIncremented = iaArray.map(iValue => iValue + 1);
	document.write("Returned incremented by map(iValue => iValue + 1) = ");
	Print(kiaIncremented)
	document.writeln("<br />");


	Print(iaArray);
	const kiaGreaterThan10 = iaArray.filter(iValue => iValue > 10);
	document.write("Returned filter(iValue => iValue > 10) = ");
	Print(kiaGreaterThan10)
	document.writeln("<br />");
	
	Print(iaArray);
	const kiInitial = 0;
	const kiReduceSum = iaArray.reduce((iSum, iValue) => iSum + iValue, kiInitial);
	document.write("Returned reduce((iSum, iValue) => iSum + iValue, kiInitial) = " + kiReduceSum+"<br />");
	document.writeln("<br />");
	
	Print(iaArray);
	const kiFirstEven = iaArray.find(iValue => (iValue % 2) == 0);
	document.write("Returned find(iValue => (iValue % 2) == 0) = " + kiFirstEven+"<br />");
	document.writeln("<br />");
	
	Print(iaArray);
	const kiFirstIndexOfEven = iaArray.findIndex(iValue => (iValue % 2) == 0);
	document.write("Returned findIndex(iValue => (iValue % 2) == 0) = " + kiFirstIndexOfEven+"<br />");
	document.writeln("<br />");
	
	Print(iaArray);
	iaArray.sort((iValue1, iValue2) => iValue1 - iValue2);
	document.write("Sorted Array: ");
	Print(iaArray);
	document.writeln("<br />");
	
	Print(iaArray);
	iaArray.reverse();
	document.write("Reversed Array: ");
	Print(iaArray);
	document.writeln("<br />");
	
	Print(iaArray);
	const ksJoined = iaArray.join(", ");
	document.write("Returned join(\", \") = " + ksJoined+"<br />");
	document.writeln("<br />");
	
	Print(iaArray);
	const kiaaNested = [iaArray, iaArray];
	const kiaFlattened = kiaaNested.flat();
	document.write("Returned flattened by flat() = ");
	Print(kiaFlattened);
	document.writeln("<br />");
}

function Print(iaArray) {
	for (var i = 0; i < iaArray.length; ++i) {
		document.write("[ "+iaArray[i]+" ]");
	}
	document.writeln("<br />");
}

Core JavaScript

All Array Methods

AllArrayMethods.html

AllArrayMethods.js

Output