Name: Midhat Ansari Roll no: 210403
Sub: Client-Side Scripting (CSS) Branch: CO
Experiment No. 3: Develop Javascript to implement Array functionalities
Program to create, read and display the array using literal & constructor
Using literal
CODE:
<html>
<head>
<title> Exp3_1a </title>
<script>
var a=[3,"Midhat","CO"];
[Link]("Array Elements are: <br>");
[Link](a);
[Link]("<hr>");
[Link]("210403-Midhat Ansari");
</script>
</head>
</html>
OUTPUT:
Using constructor
CODE:
<html>
<head>
<title> Exp3_1b </title>
<script>
var a1=new Array();
a1[0]="Mango";
a1[1]="Apple";
a1[2]="Banana";
[Link]("Array 1 Elements are: <br>");
[Link](a1);
[Link]("<br>");
var a2=new Array(3);
a2[0]="Lotus";
a2[1]="Lilly";
a2[2]="Rose";
[Link]("<br> Array 2 Elements are:
<br>");
[Link](a2);
[Link]("<br>");
var a3=new Array(3,"Midhat","CO",94.27);
[Link]("<br> Array 3 Elements are:
<br>");
[Link](a3);
[Link]("<br>");
[Link]("<hr>");
[Link]("210403-Midhat Ansari");
</script>
</head>
</html>
OUTPUT:
Program to sort an array
Ascending using sort()
CODE:
<html>
<head>
<title> Exp 3.2a </title>
<script>
var a=[];
var n=parseInt(prompt("Enter no. of elements: "));
var i;
for(i=0;i<n;i++)
{
a[i]=parseInt(prompt("Enter element "+[i+1]));
}
[Link]("Array elements:<br>"+a+"<br>");
[Link]("Sorted array: <br>"+[Link](function(a,b)
{return a-b}));
[Link]("<hr> Midhat Ansari-210403");
</script>
</head>
</html
OUTPUT:
Descending using sort()
CODE:
<html>
<head>
<title> Exp 3.2b </title>
<script>
var a=[15,55,35,5,97,83];
[Link]("Array elements:<br>"+a+"<br>");
[Link]("Sorted array:
<br>"+[Link](function(a,b){return b-a}));
[Link]("<hr> Midhat Ansari-210403");
</script>
</head>
</html>
OUTPUT:
Descending using reverse()
CODE:
<html>
<head>
<script>
var a=[3,4,8,1,9,5];
var b=[Link]();
[Link]("Sorted: "+[Link]());
</script>
</head>
</html>
OUTPUT:
Ascending using Bubble sort
CODE:
<html>
<head>
<title> Bubble sort </title>
<script>
var a=[5,8,1,3,6];
[Link]("Original Array: "+a+" "+"<br>");
var i,j,temp;
for(i=1;i<[Link];i++)
{
for(j=0;j<([Link]-i);j++)
{
if(a[j]>a[j+1])
{
temp=a[j];
a[j]=a[j+1];
a[j+1]=temp;
}
}
}
[Link]("Sorted Array: "+a+" ");
[Link]("<hr> Midhat Ansari-210403");
</script>
</head>
</html>
OUTPUT:
Descending using Bubble sort
CODE:
<html>
<head>
<title> Bubble sort Desc </title>
<script>
var a=[15,8,19,34,6];
[Link]("Original Array: "+a+" "+"<br>");
var i,j,temp;
for(i=1;i<[Link];i++)
{
for(j=0;j<([Link]-i);j++)
{
if(a[j]<a[j+1])
{
temp=a[j];
a[j]=a[j+1];
a[j+1]=temp;
}
}
}
[Link]("Sorted Array: "+a+" ");
[Link]("<hr> Midhat Ansari-210403");
</script>
</head>
</html>
OUTPUT:
Program to print the length of an array
CODE:
<html>
<head>
<title> Exp3_3 </title>
<script>
var i;
var a=["Black","Blue","Red","Yellow","Green"];
[Link]("Array Elements are: <br>");
for(i=0;i<[Link];i++){
[Link](a[i]+" ");
}
[Link]("<br>Length of an array: "+[Link]);
[Link]("<hr>");
[Link]("210403-Midhat Ansari");
</script>
</head>
</html>
OUTPUT:
Program to display sparse array
CODE:
<html>
<head>
<title> Exp3_4 </title>
<script>
var a=["Black","Blue","Red",,,"Yellow","Green"];
var b=new Array(1,"Midhat",3);
var c=new Array(3);
c[2]=10;
c[5]=20;
var d=[,,,];
[Link]("Array 1 Elements are: "+a+"<br>");
[Link]("Array 2 Elements are: "+b+"<br>");
[Link]("Array 3 Elements are: "+c+"<br>");
[Link]("Array 4 Elements are: "+d+"<br>");
[Link]("Length of an array 1:
"+[Link]+"<br>");
[Link]("Length of an array 2:
"+[Link]+"<br>");
[Link]("Length of an array 3:
"+[Link]+"<br>");
[Link]("Length of an array 4:
"+[Link]+"<br>");
[Link]("<hr>");
[Link]("210403-Midhat Ansari");
</script>
</head>
</html>
OUTPUT:
Write a program to show usage of splice method
CODE:
<html>
<head>
<title> Splice Method Array </title>
<script>
var a=[3,5,8,7,1];
[Link]("Original Array: "+a+"<br>");
[Link](2,1);
[Link]("Array after deletion of 1 element from 2nd index:
"+a+"<br>");
[Link](0,0,23,55);
[Link]("Array after insertion: "+a+"<br>");
[Link](3,0,9,6,2);
[Link]("Array after add & delete: "+a+"<hr>");
[Link]("Midhat Ansari-210403");
</script>
</head>
</html>
OUTPUT:
Write a program to insert an element in an array using different method
CODE:
<html>
<head>
<title> Insertion in Array </title>
<script>
var fruits=["Mango","Banana","Apple","Strawberry"];
[Link]("Original Array: "+fruits+"<br>");
[Link]("Length of an original Array: "+[Link]+"<br>");
[Link]("Litchi","Kiwi");
[Link]("Array after insertion using unshift():
"+fruits+"<br>");
[Link]("Guava","Orange","PineApple");
[Link]("Array after insertion using push(): "+fruits+"<br>");
[Link]("Length of an Array after insertion:
"+[Link]+"<hr>");
[Link]("Midhat Ansari-210403");
</script>
</head>
</html>
OUTPUT:
Write a program to delete an element in an array using different method
CODE:
<html>
<head>
<title> Deletion in Array </title>
<script>
var fruits=["Mango","Banana","Apple","Strawberry","PineApple"];
[Link]("Original Array: "+fruits+"<br>");
[Link]("Length of an original Array: "+[Link]+"<br>");
var n=parseInt(prompt("Enter index (0-4) of an element to be deleted:
"));
delete fruits[n];
[Link]("Array after deletion using delete operator: "+fruits);
[Link]("<br>"+"Element deleted using shift():
"+[Link]());
[Link]("<br>"+"Element deleted using pop(): "+[Link]());
[Link]("<br>"+"Array after deletion: "+fruits);
[Link]("<br>"+"Length of an Array after deletion:
"+[Link]+"<br>");
[Link]("<hr>"+"Midhat Ansari-210403");
</script>
</head>
</html>
OUTPUT:
