Bonjour,

Dans une chaîne qui représente une formule mathématique, j'essaye de coloriser les variables.

Donc j'essaye de tout récupérer dans un tableau pour pouvoir reconstruire ma chaîne avec les couleurs.

var formula = 'a+b - c * abc';
var splitted = formula.split(/([a-zA-Z\_]+)/g);

// résultat [ "", "a", "+", "b", " - ", "c", " * ", "abc", "" ]

Ca fonctionne assez bien mais je ne comprend pas ces chaines vide en début et fin de tableau.

C'est la parenthèse qui perturbe le résultat MDN précise sur cette page https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/String/split

Si le séparateur est une expression rationnelle qui contient des parenthèses groupantes, à chaque fois que le séparateur correspond, les résultats (incluant tout résultat indéfini) des groupes iront dans le tableau retourné. Cependant, tous les navigateurs ne supportent pas cette possibilité.

Il serait préférable de découper l'expression sur les espaces ou les vides avec un

	var formula = 'a+b - c * abc';
	var splitted = formula.split(/\s+|/g);
	console.log(splitted)
// [object Array]: ["a", "+", "b", "-", "c", "*", "a", "b", "c"]

quitte à "maper" ensuite le tableau pour distinguer les variables et les signes

-
Edité par 007julien 14 juin 2018 à 18:31:20