Scribd
Upload
13 views

Exp 3

Uploaded by

ansarisadeem8879
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
13 views

Exp 3

Uploaded by

ansarisadeem8879
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 11

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"];
document.write("Array Elements are: <br>");
document.write(a);
document.write("<hr>");
document.write("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";
document.write("Array 1 Elements are: <br>");
document.write(a1);
document.write("<br>");
var a2=new Array(3);
a2[0]="Lotus";
a2[1]="Lilly";
a2[2]="Rose";
document.write("<br> Array 2 Elements are:
<br>");
document.write(a2);
document.write("<br>");
var a3=new Array(3,"Midhat","CO",94.27);
document.write("<br> Array 3 Elements are:
<br>");
document.write(a3);
document.write("<br>");
document.write("<hr>");
document.write("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]));
}
document.write("Array elements:<br>"+a+"<br>");
document.write("Sorted array: <br>"+a.sort(function(a,b)
{return a-b}));
document.write("<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];
document.write("Array elements:<br>"+a+"<br>");
document.write("Sorted array:
<br>"+a.sort(function(a,b){return b-a}));
document.write("<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=a.sort();
document.write("Sorted: "+b.reverse());
</script>
</head>
</html>

OUTPUT:

Ascending using Bubble sort

CODE:
<html>
<head>
<title> Bubble sort </title>
<script>
var a=[5,8,1,3,6];
document.write("Original Array: "+a+" "+"<br>");
var i,j,temp;
for(i=1;i<a.length;i++)
{
for(j=0;j<(a.length-i);j++)
{
if(a[j]>a[j+1])
{
temp=a[j];
a[j]=a[j+1];
a[j+1]=temp;
}
}
}
document.write("Sorted Array: "+a+" ");
document.write("<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];
document.write("Original Array: "+a+" "+"<br>");
var i,j,temp;
for(i=1;i<a.length;i++)
{
for(j=0;j<(a.length-i);j++)
{
if(a[j]<a[j+1])
{
temp=a[j];
a[j]=a[j+1];
a[j+1]=temp;
}
}
}
document.write("Sorted Array: "+a+" ");
document.write("<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"];
document.write("Array Elements are: <br>");
for(i=0;i<a.length;i++){
document.write(a[i]+" ");
}
document.write("<br>Length of an array: "+a.length);
document.write("<hr>");
document.write("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=[,,,];
document.write("Array 1 Elements are: "+a+"<br>");
document.write("Array 2 Elements are: "+b+"<br>");
document.write("Array 3 Elements are: "+c+"<br>");
document.write("Array 4 Elements are: "+d+"<br>");
document.write("Length of an array 1:
"+a.length+"<br>");
document.write("Length of an array 2:
"+b.length+"<br>");
document.write("Length of an array 3:
"+c.length+"<br>");
document.write("Length of an array 4:
"+d.length+"<br>");
document.write("<hr>");
document.write("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];
document.write("Original Array: "+a+"<br>");
a.splice(2,1);
document.write("Array after deletion of 1 element from 2nd index:
"+a+"<br>");
a.splice(0,0,23,55);
document.write("Array after insertion: "+a+"<br>");
a.splice(3,0,9,6,2);
document.write("Array after add & delete: "+a+"<hr>");
document.write("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"];
document.write("Original Array: "+fruits+"<br>");
document.write("Length of an original Array: "+fruits.length+"<br>");
fruits.unshift("Litchi","Kiwi");
document.write("Array after insertion using unshift():
"+fruits+"<br>");
fruits.push("Guava","Orange","PineApple");
document.write("Array after insertion using push(): "+fruits+"<br>");
document.write("Length of an Array after insertion:
"+fruits.length+"<hr>");
document.write("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"];
document.write("Original Array: "+fruits+"<br>");
document.write("Length of an original Array: "+fruits.length+"<br>");
var n=parseInt(prompt("Enter index (0-4) of an element to be deleted:
"));
delete fruits[n];
document.write("Array after deletion using delete operator: "+fruits);
document.write("<br>"+"Element deleted using shift():
"+fruits.shift());
document.write("<br>"+"Element deleted using pop(): "+fruits.pop());
document.write("<br>"+"Array after deletion: "+fruits);
document.write("<br>"+"Length of an Array after deletion:
"+fruits.length+"<br>");
document.write("<hr>"+"Midhat Ansari-210403");
</script>
</head>
</html>

OUTPUT:

You might also like