Array Prototype Sort in JavaScript

Javascript Web Development Object Oriented Programming

The JavaScript Array.prototype.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 Array.prototype.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 Array.prototype.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>