Scribd
Upload
4 views5 pages

JavaScript Array and Math Methods Guide

The document contains multiple HTML examples demonstrating various JavaScript array methods such as push(), pop(), unshift(), shift(), join(), concat(), slice(), toString(), reverse(), and sort(). It also showcases the use of Math functions like min(), max(), ceil(), floor(), pow(), sqrt(), round(), and random(). Each example includes code snippets and outputs to illustrate the functionality of these methods.

Uploaded by

Arun Dhawan
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
4 views5 pages

JavaScript Array and Math Methods Guide

The document contains multiple HTML examples demonstrating various JavaScript array methods such as push(), pop(), unshift(), shift(), join(), concat(), slice(), toString(), reverse(), and sort(). It also showcases the use of Math functions like min(), max(), ceil(), floor(), pow(), sqrt(), round(), and random(). Each example includes code snippets and outputs to illustrate the functionality of these methods.

Uploaded by

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

<!

--
<html>
<head>
<title>Array push() and pop() Example</title>
</head>
<body>
<script>
// Create an array
var fruits = ["Apple", "Banana", "Cherry"];

[Link]("<b>Original Array:</b> " + fruits );

// Use push() to add elements at the end


[Link]("Mango");
[Link]("<br><br><b>After push('Mango'):</b> " + fruits );

[Link]("Orange");
[Link]("<br><br><b>After push('Orange'):</b> " + fruits );

// Use pop() to remove the last element


var removedItem = [Link]();
[Link]("<br><br><b>After pop():</b> " + fruits );
[Link]("<br><br><b>Removed Element:</b> " + removedItem );
</script>
</body>
</html>

<html>
<head>
<title>Array shift() and unshift() Example</title>
</head>
<body>
<script>
// Create an array
var colors = ["Red", "Green", "Blue"];

[Link]("<br><br><b>Original Array:</b> " + colors );

// Use unshift() to add elements at the beginning


[Link]("Yellow");
[Link]("<br><br><b>After unshift('Yellow'):</b> " + colors );

[Link]("Purple");
[Link]("<br><br><b>After unshift('Purple'):</b> " + colors );

// Use shift() to remove the first element


var removedColor = [Link]();
[Link]("<br><br><b>After shift():</b> " + colors );
[Link]("<br><br><b>Removed Element:</b> " + removedColor );
</script>
</body>
</html>

<html>
<head>
<title>Array join(), concat(), and slice() Example</title>
</head>
<body>
<script>
// Create two arrays
var fruits = ["Apple", "Banana", "Cherry"];
var dryFruits = ["Almond", "Cashew", "Walnut"];

[Link]("<b><br>Original fruits array:</b> " + fruits );


[Link]("<b><br><br>Original dryFruits array:</b> " + dryFruits );

1
1️⃣ // 1 join() - Combines array elements into a string
var joinedFruits = [Link](" - ");
[Link]("<br><br><b>Using join(' - '):</b> " + joinedFruits );

2️⃣
// concat() - Combines two or more arrays
var allItems = [Link](dryFruits);
[Link]("<br><br><b>Using concat():</b> " + allItems );

3️⃣
// slice() - Extracts a portion of an array without changing the original
var slicedItems = [Link](1, 4); // from index 1 to 3
[Link]("<br><br><b>Using slice(1, 4):</b> " + slicedItems );

// Show original arrays to confirm they are unchanged


[Link]("<br><br><b>Original fruits (unchanged):</b> " + fruits );
[Link]("<br><br><b>Original dryFruits (unchanged):</b> " + dryFruits );
</script>
</body>
</html>

<html>
<head>
<title>Array toString(), reverse(), and sort() Example</title>
</head>
<body>
<script>
// Create an array
var numbers = [45, 12, 89, 33, 7];

[Link]("<b><br><br>Original Array:</b> " + numbers );

// toString() - Converts array to a comma-separated string


var strNumbers = [Link]();
[Link]("<br><br><b>Using toString():</b> " + strNumbers );

// reverse() - Reverses the order of array elements


[Link]();
[Link]("<br><br><b>After reverse():</b> " + numbers );

// sort() - Sorts array elements (by default, alphabetically)


// For numbers, we can use a compare function
[Link](function(a, b) {
return a - b; // Ascending order
});
[Link]("<br><br><b>After sort() in Ascending order:</b> " + numbers );
// Sort in descending order
[Link](function(a, b) {
return b - a;
});
[Link]("<br><br><b>After sort() in Descending order:</b> " + numbers );
</script>
</body>
</html>

<html>
<head>
<title>[Link]() and [Link]() Example</title>
</head>
<body>
<script>
// Create an array of numbers
var numbers = [45, 12, 89, 33, 7];

[Link]("<br><b>Numbers:</b> " + numbers );

// Use [Link]() to find the smallest number


var smallest = [Link](45, 12, 89, 33, 7);
[Link]("<br><br><b>Smallest Number ([Link]):</b> " + smallest );

// Use [Link]() to find the largest number


var largest = [Link](45, 12, 89, 33, 7);
[Link]("<br><br><b>Largest Number ([Link]):</b> " + largest );

</script>
</body>
</html>

<html>
<head>
<title>[Link]() and [Link]() Example</title>
</head>
<body>
<script>
// Define some decimal numbers
var num1 = 7.2;
var num2 = 7.8;
var num3 = -4.3;

[Link]("<b>Original Numbers:</b>");
[Link]("<br>num1 = " + num1);
[Link]("<br>num2 = " + num2);
[Link]("<br>num3 = " + num3);

// Use [Link]() - rounds up to the next integer


[Link]("<br><br><b>Using [Link]():</b>");
[Link]("<br>[Link](" + num1 + ") = " + [Link](num1));
[Link]("<br>[Link](" + num2 + ") = " + [Link](num2));
[Link]("<br>[Link](" + num3 + ") = " + [Link](num3));

// Use [Link]() - rounds down to the previous integer


[Link]("<br><br><b>Using [Link]():</b>");
[Link]("<br>[Link](" + num1 + ") = " + [Link](num1));
[Link]("<br>[Link](" + num2 + ") = " + [Link](num2));
[Link]("<br>[Link](" + num3 + ") = " + [Link](num3));
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<title>[Link]() and [Link]() Example</title>
</head>
<body>
<script>
// Define some numbers
var num1 = 4;
var num2 = 9;
var base = 5;
var exponent = 3;

[Link]("<b>Using [Link]() and [Link]():</b>");

// Use [Link]() - raises a number to a power


[Link]("<br><br><b>Using [Link]():</b>");
[Link]("<br>[Link](" + base + ", " + exponent + ") = " +
[Link](base, exponent));
[Link]("<br>[Link](2, 4) = " + [Link](2, 4));
[Link]("<br>[Link](10, 2) = " + [Link](10, 2));

// Use [Link]() - finds the square root


[Link]("<br><br><b>Using [Link]():</b>");
[Link]("<br>[Link](" + num1 + ") = " + [Link](num1));
[Link]("<br>[Link](" + num2 + ") = " + [Link](num2));
[Link]("<br>[Link](16) = " + [Link](16));
</script>
</body>
</html>

-->

<!DOCTYPE html>
<html>
<head>
<title>[Link]() and [Link]() Example</title>
</head>
<body>
<script>
// Define some decimal numbers
var num1 = 7.2;
var num2 = 7.5;
var num3 = 7.8;

[Link]("<b>Using [Link]() and [Link]():</b>");

1️⃣
// [Link]() - rounds to the nearest integer
[Link]("<br><br><b>Using [Link]():</b>");
[Link]("<br>[Link](" + num1 + ") = " + [Link](num1));
[Link]("<br>[Link](" + num2 + ") = " + [Link](num2));
[Link]("<br>[Link](" + num3 + ") = " + [Link](num3));

2️⃣
// [Link]() - generates random numbers between 0 and 1
[Link]("<br><br><b>Using [Link]():</b>");
var r1 = [Link]();
var r2 = [Link]();
[Link]("<br>Random number 1 (0 to 1): " + r1);
[Link]("<br>Random number 2 (0 to 1): " + r2);

// Example: random integer between 1 and 10


var randomInt = [Link]([Link]() * 10) + 1;
[Link]("<br><br>Random integer between 1 and 10: " + randomInt);
</script>
</body>
</html>

You might also like