KnockoutJS - méthode sort ()

La description

L'observable KnockoutJS sort() La méthode trie tous les éléments du tableau.

Par défaut, les éléments sont triés par ordre croissant. Pour trier un tableau dans un ordre décroissant, utilisez la méthode reverse () sur un tableau trié.

Syntaxe

arrayName.sort()

Paramètres

N'accepte aucun paramètre.

Exemple

<!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>

Production

Exécutons les étapes suivantes pour voir comment fonctionne le code ci-dessus -

  • Enregistrez le code ci-dessus dans array-sort.htm fichier.

  • Ouvrez ce fichier HTML dans un navigateur.

  • Cliquez sur le bouton Trier le tableau et vérifiez que le tableau est trié.