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 :

Récupérer les données avec match ou replace ?


Sujet :

JavaScript

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Janvier 2010
    Messages
    627
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2010
    Messages : 627
    Points : 118
    Points
    118
    Par défaut Récupérer les données avec match ou replace ?
    j'ai les données de ce genre et j'aimerais récupérer toutes les données entre <a href='https:zzl' title='zz' class='lien_menu'>PA3634U-1BAS</a>
    c'est à dire PA3634U-1BAS,PA3634U-1zz,PA3635U-1rrr ect...
    voici la forme de donnée
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <div class="ref">
    		<h2 id='rrrru :</h2>				<p>
    					<a href='https://www.zz-pa3634u-1bas.html' title='PA3634U-1BAS' class='lien_menu'>PA3634U-1BAS</a>  -  <a href='https://www.zz-pa3634u-1brs.html' title='PA3634U-1BRS' class='lien_menu'>PA3634U-1zz</a>  -  <a href='https://www.zz-pa3635u-1bam.html' title='PA3635U-1BAM' class='lien_menu'>PA3635U-1rrr</a>  -  <a href='https://www.zz-pa3635u-1brm.html' title='PA3635U-1BRM' class='lien_menu'>PA3635U-1BRM</a>  -  <a href='https://www.zz-pa3636u-1brl.html' title='PA3636U-1BRL' class='lien_menu'>PA3636U-1BRL</a>
    					</div>

    voici mon début de code avec match.
    j'aimerais trouver la solution la plus simple soit match soit replace
    mais je ne sais pas par ou commencer
    merci pour votre aide
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    txt_rech='<a href=(.+?)>(.+?)<\/a>';txt_rech= new RegExp(txt_rech, 'ig');var match=line.match(txt_rech);

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Points : 22 933
    Points
    22 933
    Billets dans le blog
    125
    Par défaut


    Il y a des erreurs dans votre code HTML.

    Exemple utilisant la récupération des textes dans un Array :

    Code HTML : 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
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    <!DOCTYPE html>
    <html lang="fr" dir="ltr">
    <head>
    	<!-- cache-control avec max-age=60 pour le développement uniquement -->
      <meta http-equiv="cache-control" content="public, max-age=60">
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
      <meta name="author" content="Daniel Hagnoul">
      <title>test</title>
      <style>
        * {
          box-sizing: border-box;
        }
     
                    /* code du test */
                    
                    
                    /* fin code du test */
                    
      </style>
      <script>
        'use strict';
                    
                    
        document.addEventListener( "DOMContentLoaded", ev => {
                            
          // code du test
                            
                            
                            // fin code du test
          
        }, false );
        
        window.addEventListener( "load", ev => {
                            
                            // code du test
                            
                            let liens = [];
                            
                            for ( const lien of Array.from( document.querySelectorAll( "a.lien_menu" ) ) ){
                                    liens.push( ( lien.textContent ).trim() );
                            }
                            
                            console.log( liens.join( ", " ) );
     
     
                            // fin code du test
                            
        }, false );
      </script>
    </head>
    <body>
    	<main>
     
    <div class="ref">
    	<h2 id="rrrru">Titre ?</h2>
    	<p>
    		<a href='https://www.zz-pa3634u-1bas.html'
    			 title='PA3634U-1BAS'
    			 class='lien_menu'>
    			PA3634U-1BAS
    		</a> -
    		<a href='https://www.zz-pa3634u-1brs.html'
    			 title='PA3634U-1BRS'
    			 class='lien_menu'>
    			PA3634U-1zz
    		</a> -
    		<a href='https://www.zz-pa3635u-1bam.html'
    			 title='PA3635U-1BAM'
    			 class='lien_menu'>
    			PA3635U-1rrr
    		</a> -
    		<a href='https://www.zz-pa3635u-1brm.html'
    			 title='PA3635U-1BRM'
    			 class='lien_menu'>
    			PA3635U-1BRM
    		</a> -
    		<a href='https://www.zz-pa3636u-1brl.html'
    			 title='PA3636U-1BRL'
    			 class='lien_menu'>
    			PA3636U-1BRL
    		</a>
    	</p>
    </div>
     
    	</main>
    </body>
    </html>

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  3. #3
    Membre régulier
    Profil pro
    Inscrit en
    Janvier 2010
    Messages
    627
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2010
    Messages : 627
    Points : 118
    Points
    118
    Par défaut
    merci danielhagnoul mais je préfere la solution avec des expressions régulières match ou replace en jquery

  4. #4
    Membre régulier
    Profil pro
    Inscrit en
    Janvier 2010
    Messages
    627
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2010
    Messages : 627
    Points : 118
    Points
    118
    Par défaut
    j'ai du faire un code assez lourd avec 2 boucles .
    franchment pas top.si vous avez une autre idée
    merci
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    	txt_rech='<div class="ref">([^]+?)<\/div>';txt_rech= new RegExp(txt_rech, 'ig');var match=txt_bloc.match(txt_rech);
    	if (match) {$.each(match,function (key,line) {
    	   //line=line.replace(/<a href=[^>]+>([^]+?)<\/a>/g,"$1|")
    	   //line=line.replace(/<a href=(.+?)>(.+?)<\/a>/g,"$2|")
    	   txt_rech='<a href=(.+?)>(.+?)<\/a>';txt_rech= new RegExp(txt_rech, 'ig');var match1=line.match(txt_rech);
    	   if (match1) {$.each(match1,function (key,line1) {
     
    		  li_v +=line1.replace(/<a href=(.+?)>(.+?)<\/a>/g,"$2|")   })
    	   }
    		li_v +="\n";		
    	});	
    	}

  5. #5
    Membre régulier
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2012
    Messages
    161
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Biens de consommation

    Informations forums :
    Inscription : Mars 2012
    Messages : 161
    Points : 103
    Points
    103
    Par défaut
    Il me semble que tu te casses la tètes étant donnée que toutes les infos sont dans des liens ayant la même classe il semble juste nécessaire de récupérer le texte contenu dans la les liens ayant cette classe

    Code html : 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
    <div class="ref">
    <h2 id='rrrru :'></h2>
     
    <p>
    <a href='https://www.zz-pa3634u-1bas.html' title='PA3634U-1BAS' class='lien_menu'>PA3634U-1BAS</a> - 
    <a href='https://www.zz-pa3634u-1brs.html' title='PA3634U-1BRS' class='lien_menu'>PA3634U-1zz</a>  -  
    <a href='https://www.zz-pa3635u-1bam.html' title='PA3635U-1BAM' class='lien_menu'>PA3635U-1rrr</a>  -  
    <a href='https://www.zz-pa3635u-1brm.html' title='PA3635U-1BRM' class='lien_menu'>PA3635U-1BRM</a>  -  
    <a href='https://www.zz-pa3636u-1brl.html' title='PA3636U-1BRL' class='lien_menu'>PA3636U-1BRL</a>
    </div>
     
    <script>
    var tableau = []
       
    var lien =document.getElementsByClassName("lien_menu")
    for(var i=0;i<lien.length; i++){
        tableau.push(lien[i].textContent)
    }
     
    console.log(tableau)
    </script>

  6. #6
    Membre régulier
    Profil pro
    Inscrit en
    Janvier 2010
    Messages
    627
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2010
    Messages : 627
    Points : 118
    Points
    118
    Par défaut
    oui c'est vrai .c'est une bonne idée

  7. #7
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Points : 22 933
    Points
    22 933
    Billets dans le blog
    125
    Par défaut
    Citation Envoyé par bigs3232 Voir le message
    oui c'est vrai .c'est une bonne idée


    Quelle perte de temps et d'énergie pour en revenir à mes deux lignes de codes.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  8. #8
    Membre régulier
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2012
    Messages
    161
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Biens de consommation

    Informations forums :
    Inscription : Mars 2012
    Messages : 161
    Points : 103
    Points
    103
    Par défaut
    Haha désolé Daniel j'avais pas vu ton premier POST

  9. #9
    Membre régulier
    Profil pro
    Inscrit en
    Janvier 2010
    Messages
    627
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2010
    Messages : 627
    Points : 118
    Points
    118
    Par défaut
    votre code est trop compliqué pour moi.j'ai pas trop compris c'est pour çà
    Citation Envoyé par danielhagnoul Voir le message


    Quelle perte de temps et d'énergie pour en revenir à mes deux lignes de codes.

  10. #10
    Membre régulier
    Profil pro
    Inscrit en
    Janvier 2010
    Messages
    627
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2010
    Messages : 627
    Points : 118
    Points
    118
    Par défaut
    ceci dit j'aimerais quand meme trouver une solution avec une expression régulière car je suis confronté souvent à ce genre de problème
    et je suis obligé de passer par match .

  11. #11
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Points : 22 933
    Points
    22 933
    Billets dans le blog
    125
    Par défaut
    Citation Envoyé par bigs3232 Voir le message
    votre code est trop compliqué pour moi.j'ai pas trop compris c'est pour çà
    Compliqué ? C'est le JS d'aujourd'hui et c'est un code plutôt simpliste. Personne ne pourra apprendre ES2015 à votre place.

    Compliqué ? Si vous devez utiliser et comprendre sa conversion en ES5 (voir le nota bene dans ma signature), alors oui c'est compliqué. Voir : http://babeljs.io/repl/#?babili=fals...layground=true

    Citation Envoyé par bigs3232 Voir le message
    ceci dit j'aimerais quand meme trouver une solution avec une expression régulière car je suis confronté souvent à ce genre de problème
    et je suis obligé de passer par match .
    C'est les vacances, il faudra attendre le passage de SpaceFrog ou d'un autre expert de la regex et espérer qu'il ait du temps à perdre sur ce sujet.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  12. #12
    Membre régulier
    Profil pro
    Inscrit en
    Janvier 2010
    Messages
    627
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2010
    Messages : 627
    Points : 118
    Points
    118
    Par défaut
    oui c'est vrai SpaceFrog serait notre sauveur pour les regex mais qu'il prenne ses vacances tranquille
    mais merci quand meme danielhagnoul pour votre contribution .le code de dodo est tres simple . et je comprends parfaitement

  13. #13
    Membre régulier
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2012
    Messages
    161
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Biens de consommation

    Informations forums :
    Inscription : Mars 2012
    Messages : 161
    Points : 103
    Points
    103
    Par défaut
    T’inquiète pour l'ECMA6 tu as le temps, pas besoin de précipiter les choses. Si tu veux mon avis répondre à un post comme ça en ECMA6 c'est comme répondre quelqu'un qui demande comment on fait une addition en lui apprenant les tables de multiplication. Alors oui l'ECMA6 est le nouveau standart et oui il faudra l'apprendre mais ça ne sert à strictement rien si tu n'utilises pas node ou angular2 ou des compilateurs du coup tout ce que ça fait c'est rendre un code simple compliqué et illisible. Ça ne remet pas en cause ce que dit Daniel, il a raison mais je pense qu'un code doit avant tout être bien indenté, lisible, compréhensible avec des variables claires et bien définies. Les questions syntaxiques de let ou de var viennent après.

    Pour ce qui est de ton problème, tu réfléchis à coté si tu veux mon avis. En javascript si tu veux faire un parseur il faut plutôt se poser la question de où se trouve la donnée plutôt que du format de la donnée. Le regex est un comparateur de format il va permettre de valider un formulaire par exemple : format de num de telephone, @ dans le mail etc... et autre pour des cas plus complexe(mais ce n'est pas le sujet)
    Pour ce que tu veux faire il faut plutôt raisonner en parent enfant. Je te montre un exemple simple

    Je veux récupérer tous les noms d'animaux:

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <div id= "animaux">
    <div class = "mamifere">Lion</div><br/>
    <div class = "molusque">Escargot</div><br/>
    <div class = "crustace">crabe</div>
    </div>

    Bon du coup on voit bien qu'une regex ne sert à rien dans ce cas la donc on va chercher les occurrences et les points communs.
    Donc on va chercher ou se trouve les données.
    On voit qu'elles sont toutes des enfants de la div id = "animaux">. Çà sera donc notre point de départ.

    On va donc tester(1er etape).
    On se rend compte que les <br/> sont considérés comme des enfants, on les supprime donc (2em etape).
    Enfin on ne veut pas des molusques (3em etape)

    Code html : 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
    35
    36
    37
    38
    39
    40
    41
    42
    43
    <body>
     
    <div id="animaux">
    <div class = "mamifere">Lion</div><br/>
    <div class = "molusque">Escargot</div><br/>
    <div class = "crustace">crabe</div>
    </div>
     
     
    <script> 
    var animaux = document.getElementById("animaux")
    var tableau = []
     
    // 1er etape
    // On recupere tous les enfants de animaux dans un tableau
    for(var i=0; i < animaux.children.length; i++){
        tableau.push(animaux.children[i].textContent)
    }
    // tableau = ["Lion", "", "Escargot", "", "crabe"]
     
    // 2em etape
    // On récupere tous les enfants de animaux sauf les enfants qui ne contiennent pas de texte
    for(var i=0; i < animaux.children.length; i++){
        if (animaux.children[i].textContent != ""){
            tableau.push(animaux.children[i].textContent)
        }
    }     
    // tableau = ["Lion", "Escargot", "crabe"]
     
    // 3em etape
    // On récupère tous les enfants de animaux sauf ceux qui ne contiennent pas de texte et qui ne sont pas des molusques   
    for(var i=0; i < animaux.children.length; i++){
        if (animaux.children[i].textContent != ""){
            if (animaux.children[i].className != "molusque"){
                tableau.push(animaux.children[i].textContent)
            }
        }
    }
    // tableau = ["Lion", "crabe"]
     
    </script> 
     
    </body>
    Voila je te conseil plus de raisonner comme ça en JS. J'ai franchement complexifié un exemple très simple mais c'est pour vraiment montrer les étapes d'un parseur et le cheminement de pensé.

  14. #14
    Membre régulier
    Profil pro
    Inscrit en
    Janvier 2010
    Messages
    627
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2010
    Messages : 627
    Points : 118
    Points
    118
    Par défaut
    je connais pas du tout ECMA6 et angular2 .bon ben va falloir s'y mettre

  15. #15
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Points : 22 933
    Points
    22 933
    Billets dans le blog
    125
    Par défaut
    Citation Envoyé par nicdodo Voir le message
    T’inquiète pour l'ECMA6 tu as le temps, pas besoin de précipiter les choses. Si tu veux mon avis répondre à un post comme ça en ECMA6 c'est comme répondre quelqu'un qui demande comment on fait une addition en lui apprenant les tables de multiplication. Alors oui l'ECMA6 est le nouveau standart et oui il faudra l'apprendre mais ça ne sert à strictement rien si tu n'utilises pas node ou angular2 ou des compilateurs du coup tout ce que ça fait c'est rendre un code simple compliqué et illisible. [...]
    On ne va pas entamer une polémique, mais je ne suis pas d'accord, car ES2015 date tout de même de 2015 ! Deux ans plus tard, c'est ES2017 qui vient de sortir et on a annoncé les nouveautés de ES2018. Je pense que trouver un emploi sans rien connaître au JS ES2015 va rapidement devenir une mission impossible.

    Je travaille avec les navigateurs non obsolètes (Chrome, Firefox et Edge) pour des intranets sur serveur PHP. Pour moi, un navigateur est obsolète lorsqu'il n'est pas mis à jour très régulièrement. Par rapport à Chrome, Edge est un "veau", mais il est compatible ES2015 à 96 % (https://kangax.github.io/compat-table/es6/).

    Pour l'archéo informatique (IE), Babel permet de convertir les codes ES2015 en ES5.

    Conclusion, nodejs ou pas, il n'y a aucune raison de ne pas travailler en ES2015 (que certain appelle encore ES6) aujourd'hui.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  16. #16
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 939
    Points : 44 112
    Points
    44 112
    Par défaut
    Bonjour,
    Citation Envoyé par danielhagnoul
    Je travaille avec les navigateurs non obsolètes (Chrome, Firefox et Edge) ...
    GRAND veinard

  17. #17
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Points : 22 933
    Points
    22 933
    Billets dans le blog
    125
    Par défaut
    Citation Envoyé par NoSmoking Voir le message
    Bonjour,GRAND veinard
    Ne sois pas jaloux, c'est un privilège réservé au grand âge !

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

Discussions similaires

  1. [MySQL] récupérer les données avec images associées de ma base de données
    Par sana2014 dans le forum PHP & Base de données
    Réponses: 2
    Dernier message: 27/02/2014, 11h38
  2. Réponses: 4
    Dernier message: 04/04/2013, 17h30
  3. Récupérer les données avec json
    Par Rony Rauzduel dans le forum jQuery
    Réponses: 14
    Dernier message: 08/11/2012, 16h48
  4. Réponses: 4
    Dernier message: 30/03/2007, 19h42
  5. Réponses: 3
    Dernier message: 14/03/2007, 16h30

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