JavaScript | Ordenar() método

array.sort () es un método incorporado en JavaScript que se usa para ordenar la array. Una array puede ser de cualquier tipo, es decir, string, números, caracteres, etc.
Sintaxis:

array.sort()

Aquí array es el conjunto de valores que se va a ordenar.
Parámetros: No acepta ningún parámetro.
Valores devueltos: No devuelve nada.
Ejemplos:

Input:  var arr = ["Manish", "Rishabh", "Nitika", "Harshita"];
Output: Harshita, Manish, Nitika, Rishabh

Input: var arr = [1, 4, 3, 2];
Output: 1, 2, 3, 4

Código JavaScript para mostrar el funcionamiento de esta función:

Código #1:
Para ordenar una array de strings:

<html>
  
<body>
    <p>Click on the Sort button to sort the array</p>
  
    <!-- button for click event -->
    <!-- onclick event is generated when the button is clicked -->
    <p id="demo"></p>
  
    <script>
  
        <!-- array of names -->
        var names = [" Manish", " Rishabh", " Nitika", " Harshita"];
        document.getElementById("demo").innerHTML = names;
  
        <!-- sortAlphabet function that sort above array alphabetically -->
        function sortAlphabet() {
            names.sort();
            document.getElementById("demo").innerHTML = names;
        }
    </script>
  
     <button onclick="sortAlphabet()"> Sort </button>
</body>
  
</html>

Salida:
Antes de hacer clic en el botón «ordenar» –

Después de hacer clic en el botón «ordenar» –

Código #2: Para ordenar una array de enteros:

<html>
   
<body>
    <p>Click on the Sort button to sort the array</p>
   
    <!-- button for click event -->
    <!-- onclick event is generated when the button is clicked-->
    <p id="demo"></p>
  
    <script>
  
       <!-- array numbers -->
       var numbers = [7, 1, 6, 9, 2];
       document.getElementById("demo").innerHTML = numbers;
  
    <!-- sortNumber function that sort the array -->
    function sortNumber() {
        numbers.sort();
        document.getElementById("demo").innerHTML = numbers;
        }
    </script>
  
     <button onclick="sortNumber()"> Sort </button>
</body>
   
</html>

Salida:
Antes de hacer clic en el botón «ordenar» –

Después de hacer clic en el botón «ordenar» –

Publicación traducida automáticamente

Artículo escrito por Naman_Garg y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *