Maison > interface Web > js tutoriel > le corps du texte

Implémentation du tri des données Json basé sur un certain champ basé sur les compétences JavaScript_javascript

WBOY
Libérer: 2016-05-16 15:30:28
original
2062 Les gens l'ont consulté

1. Tout d'abord, laissez-moi vous présenter la méthode sort() intégrée à js

Cette méthode trie les éléments du tableau par ordre alphabétique par défaut. Pour être plus précis, elle trie par ordre d'encodage des caractères.

Regardez l'exemple suivant :

Lorsque les éléments du tableau sont de type numérique, le résultat du tri est complètement différent de ce à quoi nous nous attendions, car la valeur par défaut est de trier selon l'ordre d'encodage des caractères.

Solution : La méthode sort() reçoit un paramètre optionnel (ce paramètre doit être une fonction Nous pouvons définir nous-mêmes les règles de tri, comme indiqué ci-dessous

).

2. Implémentation spécifique du tri json

/*
     * @description    根据某个字段实现对json数组的排序
     * @param   array  要排序的json数组对象
     * @param   field  排序字段(此参数必须为字符串)
     * @param   reverse 是否倒序(默认为false)
     * @return  array  返回排序后的json数组
    */
    function jsonSort(array, field, reverse) {
      //数组长度小于2 或 没有指定排序字段 或 不是json格式数据
      if(array.length < 2 || !field || typeof array[0] !== "object") return array;
      //数字类型排序
      if(typeof array[0][field] === "number") {
        array.sort(function(x, y) { return x[field] - y[field]});
      }
      //字符串类型排序
      if(typeof array[0][field] === "string") {
        array.sort(function(x, y) { return x[field].localeCompare(y[field])});
      }
      //倒序
      if(reverse) {
        array.reverse();
      }
      return array;
    }
Copier après la connexion

PS : En JS : le tableau d'objets json est trié par propriétés d'objet

var array = [
  {name: 'a', phone: 1},
  {name: 'b', phone: 5},
  {name: 'd', phone: 3},
  {name: 'c', phone: 4}
]
array.sort(getSortFun('desc', 'phone'));
function getSortFun(order, sortBy) {
  var ordAlpah = (order == 'asc') &#63; '>' : '<';
  var sortFun = new Function('a', 'b', 'return a.' + sortBy + ordAlpah + 'b.' + sortBy + '&#63;1:-1');
  return sortFun;
}
alert(JSON.stringify(array));
Copier après la connexion

Le tableau lui-même a une méthode de tri, qui peut spécifier une fonction de tri, de sorte qu'une fonction de tri peut être générée dynamiquement pour compléter l'exigence de tri par attributs d'objet spécifiés

;

Remarque : la séquence originale du tableau changera après le tri ! !

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal