Discussion :

[M0h4m37]

Bonjour,

Après des recherches de fou sur Google, je n'arrive pas à trouver le moyen de remplacer les éléments d'un tableau par une seule et même valeur.

Si je veux remplacer un mot, j'utilise :

Code :

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

1
2
text = "Salut tout le monde, comment ça va ?";
text = text.replace("Salut", "Bonjour");

Mais si je veux remplacer tous les éléments d'un tableau par une même valeur, je ne trouve pas. Par exemple, je voudrais aggrandir les smileys d'une chaine de caractère :

Code :

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

1
2
tab = text.match(/\p{Emoji}+/gu); // je mets les smileys dans un tableau
text = text.replace(tab, '<span style="font-size:30px">' + tab + '</span>'); // puis je les aggrandis

j'ai aussi essayé ça :

Code :

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

text = text.split(tab).join('<span style="font-size:30px">' + tab + '</span>');

Mais dans les 2 cas, ça ne remplace qu'une fois (j'utilise keyup() avec jquery donc je vois en temps réel) et une fois que j'insère un nouvel emoji, une deuxième fois, non seulement ça ne fonctionne plus mais ça annule même le premier avec lequel ça avait fonctionné.

Est-ce que quelqu'un aurait une piste s'il-vous-plait ?

En vous remerciant.

[mathieu]

vous pouvez utiliser replaceAll pour remplacer toutes les occurrences :
https://developer.mozilla.org/fr/doc...ing/replaceAll

[M0h4m37]

Bonjour,

J'ai oublié de préciser que j'ai aussi utilisé replaceAll et ça me donne exactement le même résultat.

Et après plusieurs tests : si tous les emojis sont collés les uns aux autres, ça fonctionne mais si je mets ne serait-ce qu'un espace entre deux d'entre eux, plus rien, ça ne fonctionne plus.

Et quand j'en mets 4 à la suite, ils sont tous contenus dans le même élement span. Alors que techniquement, ils devraient être contenus chacun dans des span différent, comme je voudrais :

Code html :

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

1
2
3
<span style="font-size:30px">😀</span>
<span style="font-size:30px">😄</span>
<span style="font-size:30px">😆</span>

Exemple :
Si je mets ça : 😀😃😄😁😆, ça me donne <span style="font-size:30px">😀😃😄😁😆</span>.
Si je mets ça : 😀😃😄😁 😆, ça me donne : 😀😃😄😁 😆

Merci

[JérémieL]

Je n'ai pas bien compris si la donnée en entrée est un tableau, ou une chaîne de caractères ?

Code :

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

1
2
3
['😀','😃','😄','😁','😆'].map((emoji) => `<span style="font-size:30px">${emoji}</span>`).join('');
 
// <span style="font-size:30px">😀</span><span style="font-size:30px">😃</span><span style="font-size:30px">😄</span><span style="font-size:30px">😁</span> <span style="font-size:30px">😆</span>

Code :

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

1
2
3
'😀😃😄😁 😆'.replace(/\p{Emoji}/gu, (emoji) => `<span style="font-size:30px">${emoji}</span>`);
 
// <span style="font-size:30px">😀</span><span style="font-size:30px">😃</span><span style="font-size:30px">😄</span><span style="font-size:30px">😁</span> <span style="font-size:30px">😆</span>

[M0h4m37]

A la base, je voulais les mettre dans un tableau parce que je voyais pas trop comment faire autrement... Je débute en javascript... Mais votre 2ème code m'évite de faire comme ça.

Merci beaucoup JérémieL !!! Ça marche nickel !! Merci, merci, merci !!!!

Bonne journée !!

[JérémieL]

Pas de quoi, bonne journée.