KnockoutJS - método sort ()

Descripción

El KnockoutJS Observable sort() El método ordena todos los elementos de la matriz.

De forma predeterminada, los elementos se clasifican en orden ascendente. Para ordenar una matriz en orden descendente, use el método reverse () en una matriz ordenada.

Sintaxis

arrayName.sort()

Parámetros

No acepta ningún parámetro.

Ejemplo

<!DOCTYPE html>
   <head>
      <title>KnockoutJS ObservableArray sort method</title>
      <script src = "https://ajax.aspnetcdn.com/ajax/knockout/knockout-3.1.0.js"
         type = "text/javascript"></script>
   </head>

   <body>
      <p>Example to demonstrate sort() method.</p>
      <button data-bind = "click: sortEmp">Sort Array</button>
      <p>Array of employees: <span data-bind = "text: empArray()" ></span></p>

      <script>
         function EmployeeModel() {
            this.empName = ko.observable("");
            this.chosenItem = ko.observableArray("");
            this.empArray = ko.observableArray(['Scott','James','Jordan','Lee',
               'RoseMary','Kathie']);

            this.sortEmp = function() {
               this.empArray.sort();  //sort array
            }
         }
      
         var em = new EmployeeModel();
         ko.applyBindings(em);
      </script>
      
   </body>
</html>

Salida

Realicemos los siguientes pasos para ver cómo funciona el código anterior:

  • Guarde el código anterior en array-sort.htm archivo.

  • Abra este archivo HTML en un navegador.

  • Haga clic en el botón Ordenar matriz y observe que la matriz está ordenada.