0% found this document useful (0 votes)
10 views8 pages

CSS - Exp 3 - PDF - UPDATED TUESDAY

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
10 views8 pages

CSS - Exp 3 - PDF - UPDATED TUESDAY

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

Name: Ansari Abdullah Roll no: 220402

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=[220402,"Abdullah","CO"];
document.write("Array Elements are: <br>");
document.write(a);
document.write("<hr>");
document.write("220402- Ansari Abdullah ");
</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(2,"Abdullah","CO");
document.write("<br> Array 3 Elements are:
<br>");
document.write(a3);
document.write("<br>");
document.write("<hr>");
document.write("220402-Ansari Abdullah");
</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> 220402-Ansari Abdullah ");
</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("<hr> 220402-Ansari Abdullah ");
</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,"Abdullah",2);
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("<hr> 220402-Ansari Abdullah ");
</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("220402-Ansari Abdullah ");
</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("220402-Ansari Abdullah ");
</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("220402-Ansari Abdullah ");
</script>
</head>
</html>

OUTPUT:

You might also like