JavaScript Sort() method

JavascriptWeb DevelopmentObject Oriented Programming

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 −


raja
Updated on 12-May-2020 05:50:05

Advertisements