- JavaScript Basics
- JS Home
- JS Syntax
- JS Placements
- JS Output
- JS Statements
- JS Keywords
- JS Comments
- JS Variables
- JS var
- JS let
- JS const
- JS var Vs let Vs const
- JS Operators
- JS Arithmetic Operators
- JS Assignment Operators
- JS Comparison Operators
- JS Logical Operators
- JS Bitwise Operators
- JS Ternary Operator
- JS Operator Precedence
- JS Data Types
- JS typeof
- JS Conditional Statements
- JS Conditional Statement
- JS if Statement
- JS if...else Statement
- JS switch Statement
- JS Loops
- JS for Loop
- JS while Loop
- JS do...while Loop
- JS break Statement
- JS continue Statement
- JS break Vs. continue
- JavaScript Popup Boxes
- JS Dialog Box
- JS alert Box
- JS confirm Box
- JS prompt Box
- JavaScript Functions
- JS Functions
- JS setTimeout() Method
- JS setInterval() Method
- JavaScript Events
- JS Events
- JS onclick Event
- JS onload Event
- JS Mouse Events
- JS onreset Event
- JS onsubmit Event
- JavaScript Arrays
- JS Array
- JS Find Length of Array
- JS Add Elements at Beginning
- JS Add Element at End
- JS Remove First Element
- JS Remove Last Element
- JS Get First Index
- JS Get Last Index
- JS Reverse an Array
- JS Sort an Array
- JS Concatenate Arrays
- JS join()
- JS toString()
- JS from()
- JS Check if Value Exists
- JS Check if Array
- JS Slice an Array
- JS splice()
- JS find()
- JS findIndex()
- JS entries()
- JS every()
- JS fill()
- JS filter()
- JS forEach()
- JS map()
- JavaScript Strings
- JS String
- JS Length of String
- JS Convert to Lowercase
- JS Convert to Uppercase
- JS String Concatenation
- JS search()
- JS indexOf()
- JS search() Vs. indexOf()
- JS match()
- JS match() Vs. search()
- JS replace()
- JS toString()
- JS String()
- JS includes()
- JS substr()
- JS Slice String
- JS charAt()
- JS repeat()
- JS split()
- JS charCodeAt()
- JS fromCharCode()
- JS startsWith()
- JS endsWith()
- JS trim()
- JS lastIndexOf()
- JavaScript Objects
- JS Objects
- JS Boolean Object
- JavaScript Math/Number
- JS Math Object
- JS Math.abs()
- JS Math.max()
- JS Math.min()
- JS Math.pow()
- JS Math.sqrt()
- JS Math.cbrt()
- JS Math.round()
- JS Math.ceil()
- JS Math.floor()
- JS Math.trunc
- JS toFixed()
- JS toPrecision()
- JS Math.random()
- JS Math.sign()
- JS Number.isInteger()
- JS NaN
- JS Number()
- JS parseInt()
- JS parseFloat()
- JavaScript Date and Time
- JS Date and Time
- JS Date()
- JS getFullYear()
- JS getMonth()
- JS getDate()
- JS getDay()
- JS getHours()
- JS getMinutes()
- JS getSeconds()
- JS getMilliseconds()
- JS getTime()
- JS getUTCFullYear()
- JS getUTCMonth()
- JS getUTCDate()
- JS getUTCDay()
- JS getUTCHours()
- JS getUTCMinutes()
- JS getUTCSeconds()
- JS getUTCMilliseconds()
- JS toDateString()
- JS toLocaleDateString()
- JS toLocaleTimeString()
- JS toLocaleString()
- JS toUTCString()
- JS getTimezoneOffset()
- JS toISOString()
- JavaScript Browser Objects
- JS Browser Objects
- JS Window Object
- JS Navigator Object
- JS History Object
- JS Screen Object
- JS Location Object
- JavaScript Document Object
- JS Document Object Collection
- JS Document Object Properties
- JS Document Object Methods
- JS Document Object with Forms
- JavaScript DOM
- JS DOM
- JS DOM Nodes
- JS DOM Levels
- JS DOM Interfaces
- JavaScript Cookies
- JS Cookies
- JS Create/Delete Cookies
- JavaScript Regular Expression
- JS Regular Expression
- JS RegEx .
- JS RegEx \w and \W
- JS RegEx \d and \D
- JS RegEx \s and \S
- JS RegEx \b and \B
- JS RegEx \0
- JS RegEx \n
- JS RegEx \xxx
- JS RegEx \xdd
- JS RegEx Quantifiers
- JS RegEx test()
- JS RegEx lastIndex
- JS RegEx source
- JavaScript Advance
- JS Page Redirection
- JS Form Validation
- JS Validations
- JS Error Handling
- JS Exception Handling
- JS try-catch throw finally
- JS onerror Event
- JS Multimedia
- JS Animation
- JS Image Map
- JS Debugging
- JS Browser Detection
- JS Security
- JavaScript Misc
- JS innerHTML
- JS getElementById()
- JS getElementsByClassName()
- JS getElementsByName()
- JS getElementsByTagName()
- JS querySelector()
- JS querySelectorAll()
- JS document.write()
- JS console.log()
- JS instanceof
- JavaScript Programs
- JavaScript Programs
JavaScript sort() | Sort an Array
The JavaScript sort() method is used to sort an array. For example:
<!DOCTYPE html> <html> <body> <p id="xyz"></p> <script> const myArray = ["Boston", "Austin", "Seattle", "Oakland", "Denver"]; myArray.sort(); document.getElementById("xyz").innerHTML = myArray; </script> </body> </html>
In above example, elements of the array myArray are sorted in alphabetical order.
JavaScript sort() Syntax
The syntax of sort() method in JavaScript is:
array.sort(compareFun)
The array refers to the array whose elements are going to sort and compareFun is an optional parameter, which is used when we need to define the sort order using a self-defined function. This self-defined function returns any of the following three values:
- positive
- zero
- negative
These return values depends on the arguments given to the function (self-defined). For example:
<!DOCTYPE html> <html> <body> <p id="xyz"></p> <script> const x = [30, 10, 100, 67, 23]; x.sort(function(m, n){return m-n}); document.getElementById("xyz").innerHTML = x; </script> </body> </html>
If we remove the compareFun parameter from the sort() method, used in above example, in this way:
x.sort();
then the output should be:
It is because, 23 is bigger than 100, as 2 is bigger than 1. Therefore using the function, the return value of a-b or let's say 23-100 gives a negative values, means that 23 comes before 100. Therefore, use compareFun parameter to sort() method, only when sorting an array that contains numbers as its elements.
Sort an Array in Ascending Order
<!DOCTYPE html> <html> <body> <p id="xyz"></p> <script> const arr = [12, 23, 43, 10, 435, 100, 122]; arr.sort(function(x, y){return x-y}); document.getElementById("xyz").innerHTML = arr; </script> </body> </html>
Sort an Array in Descending Order
<!DOCTYPE html> <html> <body> <p id="xyz"></p> <script> const a = [12, 23, 43, 10, 435, 100, 122]; a.sort(function(x, y){return y-x}); document.getElementById("xyz").innerHTML = a; </script> </body> </html>
Sort an Array in Alphabetical Order
<!DOCTYPE html> <html> <body> <p id="xyz"></p> <script> const myarr = ["Boston", "Austin", "Seattle", "Oakland", "Denver"]; myarr.sort(); document.getElementById("xyz").innerHTML = myarr; </script> </body> </html>
« Previous Tutorial Next Tutorial »