Array

js/script.js

function funMake() {
// length
var ara = [1, 2, 3, 4, 5];
document.write(ara.length + ' ');
//This is a first element of the array
document.write(ara[0] + ' ');
//This is a last element of the array
document.write(ara[ara.length-1] + ' ');
// split()
var str0 = '1, 2, 3, 4, 5';
var str1 = 'I work by a software developer in this office';
ara = str0.split(', ');
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
ara = str1.split(' ');
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
// join()
ara = ['1, 2, 3, 4, 5'];
var str = ara.join();
document.write(str + ' ');
// toString()
ara = ['1, 2, 3, 4, 5'];
var str = ara.toString();
document.write(str + ' ');
// push()
ara = [1, 2, 3];
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
ara.push(4, 5);
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
// pop()
ara = [1, 2, 3, 4, 5];
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
ara.pop();
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
// unshift()
ara = [1, 2, 3, 4, 5];
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
ara.unshift(100, 200);
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
// shift()
ara = [1, 2, 3, 4, 5];
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
ara.shift();
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
// reverse()
ara = [1, 2, 3, 4, 5];
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
ara.reverse();
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
// slice()
ara0 = [1, 2, 3, 4, 5];
for(var i=0; i<ara0.length; i++) {
document.write(ara0[i] + ' ');
}
document.write(' ');
var ara1 = ara0.slice(0, 3);
for(var i=0; i<ara1.length; i++) {
document.write(ara1[i] + ' ');
}
document.write(' ');
// splice()
ara = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
ara.splice(0, 5);
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
ara = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
ara.splice(0, 5, 1, 1, 1, 1, 1);
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
// sort()
ara = [1, 3, 45, 17, 5, 28, 94, 5, 18, 77, 5];
for (var i = 0; i < ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
ara.sort();
for (var i = 0; i < ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
ara.sort(function(a, b) {
return(a-b);
});
for (var i = 0; i < ara.length; i++) {
document.write(ara[i] + ' ');
}
}

function funMake() {
// length
var ara = [1, 2, 3, 4, 5];
document.write(ara.length + ' ');
//This is a first element of the array
document.write(ara[0] + ' ');
//This is a last element of the array
document.write(ara[ara.length-1] + ' ');
// split()
var str0 = '1, 2, 3, 4, 5';
var str1 = 'I work by a software developer in this office';
ara = str0.split(', ');
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
ara = str1.split(' ');
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
// join()
ara = ['1, 2, 3, 4, 5'];
var str = ara.join();
document.write(str + ' ');
// toString()
ara = ['1, 2, 3, 4, 5'];
var str = ara.toString();
document.write(str + ' ');
// push()
ara = [1, 2, 3];
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
ara.push(4, 5);
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
// pop()
ara = [1, 2, 3, 4, 5];
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
ara.pop();
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
// unshift()
ara = [1, 2, 3, 4, 5];
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
ara.unshift(100, 200);
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
// shift()
ara = [1, 2, 3, 4, 5];
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
ara.shift();
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
// reverse()
ara = [1, 2, 3, 4, 5];
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
ara.reverse();
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
// slice()
ara0 = [1, 2, 3, 4, 5];
for(var i=0; i<ara0.length; i++) {
document.write(ara0[i] + ' ');
}
document.write(' ');
var ara1 = ara0.slice(0, 3);
for(var i=0; i<ara1.length; i++) {
document.write(ara1[i] + ' ');
}
document.write(' ');
// splice()
ara = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
ara.splice(0, 5);
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
ara = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
ara.splice(0, 5, 1, 1, 1, 1, 1);
for(var i=0; i<ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
// sort()
ara = [1, 3, 45, 17, 5, 28, 94, 5, 18, 77, 5];
for (var i = 0; i < ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
ara.sort();
for (var i = 0; i < ara.length; i++) {
document.write(ara[i] + ' ');
}
document.write(' ');
ara.sort(function(a, b) {
return(a-b);
});
for (var i = 0; i < ara.length; i++) {
document.write(ara[i] + ' ');
}
}

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>New Page</title>
<script src="js/script.js"></script>
</head>
<body>
<script>
funMake();
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>New Page</title>
<script src="js/script.js"></script>
</head>
<body>
<script>
funMake();
</script>
</body>
</html>