Thursday, June 15, 2023

JavaScript Arrays Sort/Reverse

 

JavaScript Arrays

The sort() Method

The sort() method sorts an array alphabetically:

Banana,Orange,Apple,Mango

Apple,Banana,Mango,Orange


:::Code:::

<!DOCTYPE html>

<html>

<body>

<h1>JavaScript Arrays</h1>

<h2>The sort() Method</h2>


<p>The sort() method sorts an array alphabetically:</p>


<p id="demo1"></p>

<p id="demo2"></p>


<script>

const fruits = ["Banana", "Orange", "Apple", "Mango"];

document.getElementById("demo1").innerHTML = fruits;


fruits.sort();

document.getElementById("demo2").innerHTML = fruits;

</script>


</body>

</html>

JavaScript Arrays

Sort in Reverse

The reverse() method reverses the elements in an array.

By combining sort() and reverse() you can sort an array in descending order:

Banana,Orange,Apple,Mango

Orange,Mango,Banana,Apple

:::Code:::

<!DOCTYPE html>

<html>

<body>

<h1>JavaScript Arrays</h1>

<h2>Sort in Reverse</h2>


<p>The reverse() method reverses the elements in an array.</p>

<p>By combining sort() and reverse() you can sort an array in descending order:</p>


<p id="demo1"></p>

<p id="demo2"></p>


<script>

// Create and display an array:

const fruits = ["Banana", "Orange", "Apple", "Mango"];

document.getElementById("demo1").innerHTML = fruits;


// First sort the array

fruits.sort();


// Then reverse it:

fruits.reverse();


document.getElementById("demo2").innerHTML = fruits;

</script>


</body>

</html>


No comments:

Post a Comment

JavaScript Animated

  JavaScript Animated <!DOCTYPE html> <html> <style> #myContainer {   width: 400px;   height: 400px;   position: relative;...