JavaScript Sort() method



The JavaScript sort() method is used for sorting an array. The order of sorting can be alphabetic, numeric, ascending or descending.

Following is the code for the sort() method −

Example

 Live Demo

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .sample,
   .result {
      font-size: 18px;
      font-weight: 500;
      color: red;
   }
   .result {
      color: rebeccapurple;
   }
</style>
</head>
<body>
<h1>JavaScript Sort() method</h1>
<div class="sample"></div>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to sort the array above
</h3>
<script>
   let sampleEle = document.querySelector(".sample");
   let resultEle = document.querySelector(".result");
   let arr = [9, 1, 4, 2, 99, 11, 22];
   sampleEle.innerHTML = "Unsorted array = " + arr;
   document.querySelector(".Btn").addEventListener("click", () => {
      resultEle.innerHTML = "Sorted array = " + arr.sort();
   });
</script>
</body>
</html>

Output

On clicking the “CLICK HERE’ button −



Advertisements