Résultat aberrant de la fonction split : lettre par lettre

**vincedchart** · 10/07/2024, 18h22

Bonjour, soit un array javascript issu d'une requête Ajax PHP se présentant comme suit (ligne 5 du code, console log). ¤ est un caractère qui doit servir à diviser chaque partie de l'array, à la suite et faire récuperer chaque nom à la suite.

Array(11) [ "Hôtel Beauvoir¤node/59719195¤hotel¤¤", "¤node/60206524¤hotel¤¤", "Hôtel des Mines¤node/60272387¤hotel¤¤", "Foyer International des Étudiantes¤node/60541641¤hostel¤¤", "Villa Louis Pasteur¤node/107944963¤guest_house¤¤", "Observatoire Luxembourg¤node/320575927¤hotel¤¤", "Hôtel Gay-Lussac¤node/734695116¤hotel¤¤", "Hôtel André Latin¤node/1684818338¤hotel¤¤", "Relais Saint-Jacques¤node/1685650818¤hotel¤¤", "Le Seven¤node/
1705420536¤hotel¤¤", … ]

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 outputhebergement;
    var arrayhebergement = sentpghebergement.split(",");
    console.log(arrayhebergement);
        let i = 0;
    do {
 
var arrayinside = sentpghebergement[i].split('¤');
console.log(arrayinside);
 
outputhebergement = outputhebergement + '<p>' + arrayinside[0] + ' </p>';
        i++;
    } while (i < arrayhebergement.length);

Le console.log suivant, en ligne 10, ne coupe pas selon le caractère défini mais découpe tous les caractères un par un ! (selon la capture qui suit où j'ai testé un autre caractère de césure : ~).

Comment faire ? je voudrais séparer chaque nom par des <p></p> et pour l'instant, j'ignore les codes et autre choses contenues dans l'array.

Nom : Copie d'écran_20240710_201905.png
Affichages : 99
Taille : 97,7 Ko

Nom : Copie d'écran_20240710_201905.png
Affichages : 99
Taille : 97,7 Ko

**ProgElecT** · 10/07/2024, 22h14

Salut

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
<!DOCTYPE html>
<html lang="fr">
	<!-- Commentaires HTML -->
	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Ici le titre dans l'onglet du navigateur</title>
		<style>
                        /* ************************************ Commentaires style ********************************************** */
                </style>
		<script>//---------------------------------------------------------------------------------------
                        'use strict'; // force la déclaration des variables
                        // ************************************ Commentaires script ********************************************** 
                        //---------------------------------------------------------------------------------------------
 
                </script>
	</head>
	<body>
		une page web, partie affichage<br><br><br>
		<div id="demo"></div>
		<script>
                        let arrayhebergement = ["Hôtel Beauvoir¤node/59719195¤hotel¤¤",
                                "¤node/60206524¤hotel¤¤",
                                "Hôtel des Mines¤node/60272387¤hotel¤¤",
                                "Foyer International des Étudiantes¤node/60541641¤hostel¤¤",
                                "Villa Louis Pasteur¤node/107944963¤guest_house¤¤",
                                "Observatoire Luxembourg¤node/320575927¤hotel¤¤",
                                "Hôtel Gay-Lussac¤node/734695116¤hotel¤¤",
                                "Hôtel André Latin¤node/1684818338¤hotel¤¤",
                                "Relais Saint-Jacques¤node/1685650818¤hotel¤¤"]
                        let outputhebergement="";
                        let i = 0;
                        do {
                                let sentpghebergement = arrayhebergement[i];
//console.log(sentpghebergement);
                                let arrayinside = sentpghebergement.split('¤');
//console.log(arrayinside);
                                outputhebergement = outputhebergement + '<p>' + arrayinside[0] + ' </p>';
                                i++;
                        } while (i < arrayhebergement.length);
//console.log(outputhebergement);
                        document.getElementById("demo").innerHTML = outputhebergement
                </script>
	</body>
</html>

Envoyé par Contenu de la div id="demo"

Hôtel Beauvoir

Hôtel des Mines

Foyer International des Étudiantes

Villa Louis Pasteur

Observatoire Luxembourg

Hôtel Gay-Lussac

Hôtel André Latin

Relais Saint-Jacques

**NoSmoking** · 11/07/2024, 20h01

Bonjour,
le résultat n'est pas aberrant, tu ne « splites » pas le bon élément !
Ta ligne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var arrayinside = sentpghebergement[i].split('¤');

devrait être

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var arrayinside = arrayhebergement[i].split('¤');

Tu as d'autres façons de faire plus lisibles comme,avec forEach :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
const caract = "¤";
let result = "";
arrayhebergement.forEach((item) => {
  result = result + "<p>" + item.split(caract)[0] + "</p>";
});
console.log("Result :", result);

ou avec reduce :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
const caract = "¤";
const html = arrayhebergement.reduce((str, item) => str + "<p>" + item.split(caract)[0] + "</p>", "");
console.log("HTML :", html);

Ressources :

**vincedchart** · Aujourd'hui, 10h18

Bonjour,
merci. j'ai fait un code qui reprend les solutions que vous avez trouvé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
   if (sentpgtransports == null) {sentpgtransports == " "}  else {
 let  arraytransports = sentpgtransports.split(","); 
let ipgt = 0; 
do { 
        let gtransports = arraytransports[ipgt];
 let arrayinside =  gtransports.split("  ");
 let logog = "";
       if (arrayinside[2] == 'toilets' || arrayinside[2] == 'convenience')  {
logog = ' ^=^z '}; 
outputtransports = outputtransports + '<a style="color: white;" href="javascript:gopoitip(\'transports\', \''  + arrayinside[1] + '\')">' + logog + arrayinside[0] + ' </a>'; 
       ipgt++;
           } 
while (ipgt < arraytransports.length);
};

Résultat aberrant de la fonction split : lettre par lettre

JavaScript

Discussions similaires

Partager

Partager