IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Trier une liste


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juin 2015
    Messages
    239
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2015
    Messages : 239
    Par défaut Trier une liste
    Bonjour à toutes et tous

    J'ai cherché sur Google et votre forum mais ce que je trouve ne correspond pas à mes attentes et je ne sais pas comment faire !


    J'ai une variable

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    var resultat = "";
     
    resultat = "1, 5, 3, 2, 4";
     
    // J'aimerais trouver le code pour trier cette liste !
     
    resultat  "1, 2, 3, 4, 5";
    Certains me disent de passer par un Array ....
    Je dois alors convertir cette string en Array, trier et reconvertir en un string

    Là ... je ne suis pas "Albert Einstein"

    En réalité, la string "résultat" est une liste d'erreur trouvée lors de la validation d'un document.
    Cette liste, elle est mélangée. J'aimerais la trier avant de l'afficher dans un pop-up

    Je n'y arrive pas.
    Merci d'avance de votre aide

    Bonne soirée
    André

  2. #2
    Expert confirmé
    Avatar de fred1599
    Homme Profil pro
    Lead Dev Python
    Inscrit en
    Juillet 2006
    Messages
    4 869
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : Lead Dev Python
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juillet 2006
    Messages : 4 869
    Par défaut
    Hello,

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    var resultat = "1, 5, 10, 3, 2, 4";
     
    // 1. On transforme en Array
    var tableau = resultat.split(", ");
     
    // 2. On trie NUMÉRIQUEMENT (la petite formule magique a - b)
    tableau.sort(function(a, b) {
        return a - b;
    });
     
    // 3. On reconvertit en String
    resultat = tableau.join(", ");
     
    // Résultat final : "1, 2, 3, 4, 5, 10"
    Celui qui trouve sans chercher est celui qui a longtemps cherché sans trouver.(Bachelard)
    La connaissance s'acquiert par l'expérience, tout le reste n'est que de l'information.(Einstein)

  3. #3
    Membre confirmé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juin 2015
    Messages
    239
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2015
    Messages : 239
    Par défaut Je viens aux explications
    Bonjour,

    Pour commencer, merci beaucoup de votre aide.
    J'essayerai votre code demain matin

    Mais j'aimerais comprende votre fonction

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
       tableau.sort(function(a, b) {
          return a - b;
       });
    Pouriez-vous expliquer la ligne : "return a-b;"

    Encore merci
    André

  4. #4
    Expert confirmé
    Avatar de fred1599
    Homme Profil pro
    Lead Dev Python
    Inscrit en
    Juillet 2006
    Messages
    4 869
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : Lead Dev Python
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juillet 2006
    Messages : 4 869
    Par défaut
    En JavaScript, l'opérateur de soustraction (-) force le langage à convertir le texte en nombre.

    Si vous écrivez la fonction de tri ainsi :
    return a - b;JavaScript se dit : "Tiens, il essaie de soustraire deux choses. Je ne peux pas soustraire du texte, donc je vais convertir temporairement ces textes en nombres pour faire le calcul."

    Si a est "10" et b est "2" :
    "10" - "2" donne le nombre 8.

    Comme le résultat est positif, JavaScript comprend que "10" est plus grand que "2".

    La preuve par l'exemple

    Voici ce qui se passe dans le moteur JavaScript :

    Opération Code Résultat Conclusion de l'ordi
    Addition (+) "10" + "2" "102" Concaténation (il colle le texte)
    Soustraction (-) "10" - "2" 8 Calcul mathématique (conversion auto)

    La fonction sort attend un résultat numérique positif, négatif ou nul pour prendre sa décision :

    Si le résultat est NÉGATIF (-) :
    "Ok, a est plus petit, donc a doit être classé avant b".

    Si le résultat est POSITIF (+) :
    "Ok, a est plus grand, donc a doit être classé après b".

    Si le résultat est ZÉRO (0) :
    "Ils sont égaux, on ne change rien".


    Exemple concret avec les chiffres 5 et 2

    Imaginons que l'ordinateur compare a = 5 et b = 2.

    Le calcul : a - b (c'est-à-dire 5 - 2)Le résultat : 3 (C'est un nombre Positif)La décision : Comme c'est positif, l'ordinateur comprend que le premier nombre (a) est trop grand. Il le déplace après le deuxième.

    sultat : Le 2 passe devant le 5. Le tri se fait.


    Exemple inverse avec 2 et 5

    Imaginons maintenant a = 2 et b = 5.

    Le calcul : a - b (c'est-à-dire 2 - 5)Le résultat : -3 (C'est un nombre Négatif)La décision : Comme c'est négatif, l'ordinateur comprend que a est bien à sa place (plus petit). Il le laisse avant.
    Celui qui trouve sans chercher est celui qui a longtemps cherché sans trouver.(Bachelard)
    La connaissance s'acquiert par l'expérience, tout le reste n'est que de l'information.(Einstein)

  5. #5
    Membre confirmé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juin 2015
    Messages
    239
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2015
    Messages : 239
    Par défaut testé
    Bonjour,

    Vous êtes incroyable ! ...

    Pour le numérique, cela fonctionne très bien.

    Par contre, ne fonctionne pas pour le texte.

    Merci aussi pour les explications. Je vais le sauvegarder quelque part. Très interessant.

    Auriez-vous une solution pour le texte?

    Bien à vous
    André

  6. #6
    Expert confirmé
    Avatar de fred1599
    Homme Profil pro
    Lead Dev Python
    Inscrit en
    Juillet 2006
    Messages
    4 869
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : Lead Dev Python
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juillet 2006
    Messages : 4 869
    Par défaut
    Avez vous un exemple ?
    Celui qui trouve sans chercher est celui qui a longtemps cherché sans trouver.(Bachelard)
    La connaissance s'acquiert par l'expérience, tout le reste n'est que de l'information.(Einstein)

  7. #7
    Membre confirmé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juin 2015
    Messages
    239
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2015
    Messages : 239
    Par défaut Voici un exemple
    Bonjour,

    Je suis désolé de prendre de votre temps mais merci

    Les valeurs sont "bidons" mais ressemble beaucoup à la réalité

    C'est un document PDF avec du javascript
    Je travaille avec Adobe Form Designer

    Ce document est un formulaire. Celui-ci contient des champs obligatoire.
    Lorsque l'utilisateur contrôle le formulaire, le système recherche les champs obligatoire sur toute les pages du document.
    S'il y en a qui sont vides ou ne suivent pas les règles business, le système rajoute dans une liste (string espacé par ", " ) la liste des champs concernés.

    La syntaxe actuelle de la chaine est : [nom du champ] - Le n° de page + le n° de la section où se trouve ce champ et quel est le problème

    Les différents problèmes peuvent être:
    - Le champ est vide
    - Un champ date n'est pas rempli correctement
    - Le contrôle entre 2 dates n'est pas bon

    Ce ne sont que quelques exemples de règles qui sont appliqués

    exemple du contenu de cette chaine de caratères:

    [Nom du champ 5]: pg 3 - Section 3.a: The field is empty, [Nom du champ 2]: pg 1 - Section 1.b: Is not a date, [Nom du champ 1]: pg 1 - Section 1.a: the name is unknown, [Nom du champ 3]: pg 2 - Section 2.b: The content is not numeric, [Nom du champ 4]: pg 2 - Section 2.e: The date can't be greater as now

    Ensuite, avec l'instruction un pop-up apparait à l'écran et affiche le contenu de cette liste. Tel que vous le voyez ci-dessous.

    [Nom du champ 5]: pg 3 - Section 3.a: The field is empty,
    [Nom du champ 2]: pg 1 - Section 1.b: Is not a date,
    [Nom du champ 1]: pg 1 - Section 1.a: the name is unknown,
    [Nom du champ 3]: pg 2 - Section 2.b: The content is not numeric,
    [Nom du champ 4]: pg 2 - Section 2.e: The date can't be greater as now

    Ce que j'aurais aimé afficher, c'est cette liste, mais triée

    [Nom du champ 1]: pg 1 - Section 1.a: the name is unknown,[Nom du champ 2]: pg 1 - Section 1.b: Is not a date, [Nom du champ 3]: pg 2 - Section 2.b: The content is not numeric,[Nom du champ 4]: pg 2 - Section 2.e: The date can't be greater as no,[Nom du champ 5]: pg 3 - Section 3.a: The field is empty

    Et donc, à l'affichage, le pop-up afficherais:

    [Nom du champ 1]: pg 1 - Section 1.a: the name is unknown,
    [Nom du champ 2]: pg 1 - Section 1.b: Is not a date,
    [Nom du champ 3]: pg 2 - Section 2.b: The content is not numeric,
    [Nom du champ 4]: pg 2 - Section 2.e: The date can't be greater as no,
    [Nom du champ 5]: pg 3 - Section 3.a: The field is empty

    Maintenant, si, par facilité pour le tri, que la syntaxe soit plus tôt:

    pg 1 - Section 1.a: [Nom du champ 1]: the name is unknown,
    pg 1 - Section 1.b: [Nom du champ 2]: Is not a date,
    pg 2 - Section 2.b: [Nom du champ 3]: The content is not numeric,
    pg 2 - Section 2.e: [Nom du champ 4]: The date can't be greater as no,
    pg 3 - Section 3.a: [Nom du champ 5]: The field is empty

    Cela ne me pose aucun soucis. Je dois simplement reconstruire la ligne.

    C'est peut être même mieux

    Voilà

    N'hésitez pas au cas où
    Encore merci

    André

  8. #8
    Expert confirmé
    Avatar de fred1599
    Homme Profil pro
    Lead Dev Python
    Inscrit en
    Juillet 2006
    Messages
    4 869
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : Lead Dev Python
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juillet 2006
    Messages : 4 869
    Par défaut
    Je vous conseille vivement d'adopter le format que vous avez suggéré. Construisez votre chaîne d'erreur comme ceci :

    "pg 1 - Section 1.a: [Nom champ] Erreur, pg 10 - Section 2: [Nom champ] Erreur"

    Le code JavaScript pour Adobe

    Voici le code complet à copier. Il contient une petite astuce (Regex) pour bien trier la "Page 10" après la "Page 2".

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
     
    // Imaginons que c'est votre chaîne brute générée par vos validations
    var resultat = "pg 3 - Section 3.a: [Chp5]: Empty, pg 1 - Section 1.b: [Chp2]: Date error, pg 10 - Section 4: [Chp9]: Error, pg 2 - Section 2.b: [Chp3]: Number error";
     
    // 1. On transforme en tableau
    var tableau = resultat.split(", ");
     
    // 2. Le tri intelligent (Compatible Adobe Reader / Acrobat)
    tableau.sort(function(a, b) {
        // On extrait le numéro de page de la chaine 'a' et 'b'
        // L'expression /pg (\d+)/ cherche "pg " suivi d'un chiffre
        var matchA = a.match(/pg (\d+)/);
        var matchB = b.match(/pg (\d+)/);
     
        // Sécurité : si on trouve pas de numéro, on met 0
        var pageA = matchA ? parseInt(matchA[1]) : 0;
        var pageB = matchB ? parseInt(matchB[1]) : 0;
     
        // COMPARAISON 1 : D'abord on trie par numéro de page
        if (pageA - pageB !== 0) {
            return pageA - pageB;
        }
     
        // COMPARAISON 2 : Si c'est la même page, on trie alphabétiquement (pour les sections)
        if (a < b) return -1;
        if (a > b) return 1;
        return 0;
    });
     
    // 3. On joint avec "\n" (saut de ligne) pour un beau pop-up
    var messageFinal = tableau.join("\n");
     
    // 4. Affichage Adobe
    app.alert(messageFinal);

    Pourquoi ce code est mieux pour vous ?

    • Le tri "pg 1 vs pg 10" : Grâce aux lignes avec match et parseInt, le système comprend que 10 est plus grand que 2. Sans cela, "pg 10" se retrouverait avant "pg 2" (tri alphabétique bête).
    • Le saut de ligne (\n) : Dans l'étape 3, j'ai utilisé .join("\n") au lieu de .join(", ").


    Dans un app.alert Adobe, \n force le texte à aller à la ligne.

    Votre pop-up sera donc une liste verticale très lisible, exactement comme vous le souhaitiez.

    Résultat visuel à l'écran

    Vous verrez ceci :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    pg 1 - Section 1.b: [Chp2]: Date error
    pg 2 - Section 2.b: [Chp3]: Number error
    pg 3 - Section 3.a: [Chp5]: Empty
    pg 10 - Section 4: [Chp9]: Error
    C'est bien le résultat attendu ?
    Celui qui trouve sans chercher est celui qui a longtemps cherché sans trouver.(Bachelard)
    La connaissance s'acquiert par l'expérience, tout le reste n'est que de l'information.(Einstein)

  9. #9
    Membre confirmé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juin 2015
    Messages
    239
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2015
    Messages : 239
    Par défaut travail
    Bonjour,

    Je suis ... sans voix !

    Merci de ce que vous faites pour moi. J'apprécie.

    Je vais commencer par mettre à jour la fonction qui génère la liste et ensuite j'essaie.
    Je reviendrais vers vous lorsque j'aurais remis le code à jour


    A tout à l'heure

    André

  10. #10
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 242
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 242
    Par défaut
    Bonjour,
    sans préjuger ce qui a été dit mais en lisant :
    le système rajoute dans une liste (string espacé par ", " ) la liste des champs concernés.
    il me semble que pour facilité les traitements, un enregistrement en tableau, méthode push(), d'objet représentant les erreurs serait plus simple !
    Exemple de structure d'une erreur :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    {
      nom_champ: "aaaaaa",
      num_page: "bbbbb",
      num_section: "ccccc",
      libelle_erreur: "ddddd",
    }
    La fonction applicable pour le tri en serait simplifier :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    // par exemple tri sur nom du champ
    tableauObjetErreur.sort((o1,o2) => {
      return o1.nom_champ.localCompare(o2.nom_champ)
    })
    Ressources :

  11. #11
    Expert confirmé
    Avatar de fred1599
    Homme Profil pro
    Lead Dev Python
    Inscrit en
    Juillet 2006
    Messages
    4 869
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : Lead Dev Python
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juillet 2006
    Messages : 4 869
    Par défaut
    Vous avez raison sur toute la ligne : manipuler des objets est toujours plus sain que de manipuler du texte concaténé.
    Cela sépare le fond (les données) de la forme (l'affichage dans le pop-up).

    Cependant, comme vous êtes sous Adobe Form Designer, il y a une contrainte technique majeure :
    la version du JavaScript. Adobe utilise une version ancienne qui ne connait pas les fonctions fléchées (=>).
    Celui qui trouve sans chercher est celui qui a longtemps cherché sans trouver.(Bachelard)
    La connaissance s'acquiert par l'expérience, tout le reste n'est que de l'information.(Einstein)

  12. #12
    Membre confirmé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juin 2015
    Messages
    239
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2015
    Messages : 239
    Par défaut travaik
    Bonjour,
    Merci pour l'info

    Je n'ai pas terminé de faire la mise à jour du code qui génère la liste, car j'ai soulevé un caillou et en-dessous c'est du gros "ca..." (je ne prononcerai pas le mot par politesse)
    Donc, je répare le bug avant !

    Mais ... juré promis ... une fois fonctionnel, je teste votre code et on se revoit !

    Au cas où ... Passez un bon weekend

    André

  13. #13
    Membre confirmé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juin 2015
    Messages
    239
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2015
    Messages : 239
    Par défaut Cela fonctionne
    Bonjour,

    Tout d'abord, désolé pour ce retard, mais mon boss m'a donné un autre boulot.
    Depuis lundi, j'ai su me remettre dessus.

    L'excellente nouvelle, Cela fonctionne à merveille.
    J'aimerais vous remercier de tout coeur pour votre aide.


    Je vous souhaite une bonne journée

    André

  14. #14
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 242
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 242
    Par défaut
    L'excellente nouvelle, Cela fonctionne à merveille.
    Tant mieux ...
    ... mais par simple curiosité est-ce que tu as mis en place une récupération des « erreurs » via un objet plutôt qu'une chaine ?

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Trier une liste chainée.
    Par gregb34 dans le forum Algorithmes et structures de données
    Réponses: 5
    Dernier message: 21/05/2006, 23h05
  2. Trier une liste de dossiers et de fichiers
    Par steveleg dans le forum Langage
    Réponses: 2
    Dernier message: 07/04/2006, 17h54
  3. trier une list
    Par elekis dans le forum C++
    Réponses: 4
    Dernier message: 23/03/2006, 13h01
  4. [c#] Trier une liste de nombres liés.
    Par Joad dans le forum ASP.NET
    Réponses: 13
    Dernier message: 11/05/2005, 12h17
  5. [Debutant(e)]Trier une liste
    Par LeDébutantJava dans le forum Collection et Stream
    Réponses: 8
    Dernier message: 19/08/2004, 13h44

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo