Remplacer les éléments d'un tableau par une seule valeur

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:

---

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:

---

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:

---

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.

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

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:

---

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

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

Code:

---

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:

---

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>

---

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 !!

Pas de quoi, bonne journée. :)