Discussion :

[ginger4957]

Bonjour

J'ai fait une fonction qui remplace les accents par des caractères sans accents, seulement voilà, certains accents ne sont pas remplacés, notamment quand il y a plusieurs fois le même caractère, et le premier ainsi que le dernier ne sont pas remplacés non plus.

Mon appel :

Code :

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

1
2
3
4
5
6
7
 
<?php
// Pour tester, j'ai fait une chaine remplie d'accents, certains y étant plusieurs fois
chaine = 'ýþÿÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖØÙÚÛÜÝÞßàáâãäåæçËÌÜÝÞÍèéêëìíîïðñòóôõöøùúûüýëîïðËÌÍ';
chaine = no_accent(chaine);
alert(chaine);
?>

Ma fonction :

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
16
17
18
19
20
21
22
23
24
25
26
27
 
function no_accent(my_string) 
	{
		// tableau accents
		var pattern_accent = new Array("À","Á","Â","Ã","Ä","Å","Æ","Ç","È","É","Ê","Ë",
		"Ì","Í","Î","Ï","Ð","Ñ","Ò","Ó","Ô","Õ","Ö","Ø","Ù","Ú","Û","Ü","Ý",
		"Þ","ß","à","á","â","ã","ä","å","æ","ç","è","é","ê","ë","ì","í","î",
		"ï","ð","ñ","ò","ó","ô","õ","ö","ø","ù","ú","û","ü","ý","ý","þ","ÿ");
 
		// tableau sans accents
		var pattern_replace_accent = new Array("A","A","A","A","A","A","A","C","E","E","E","E",
		"I","I","I","I","D","N","O","O","O","O","O","O","U","U","U","U","Y",
		"b","s","a","a","a","a","a","a","a","c","e","e","e","e","i","i","i",
		"i","d","n","o","o","o","o","o","o","u","u","u","u","y","y","b","y");
 
		//pour chaque caractere si accentué le remplacer par un non accentué
		for(var i=0;i<pattern_accent.length;i++)
		{
			// si on trouve un accent dans la chaine on le remplace par le caractere non accentué correspondant
 
			if( my_string.indexOf(pattern_accent[i]) )
			{
				my_string = my_string.replace(pattern_accent[i],pattern_replace_accent[i]);
			}
		}
		return my_string;
	}

Ce que ça me renvoie :

Code :

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

1
2
 
ýbyAAAAAAACEEEEIIIIDNOOOOOOUUUUYbsaaaaaaacËÌÜÝÞÍeeeeiiiidnoooooouuuuýëîïðËÌÍ

Comment puis-je faire pour gérer le fait que le caractère puisse être plusieurs fois dans la chaîne, et que les premier et dernier caractères soient remplacés aussi ?

Cordialement
Ginger

[SpaceFrog]

regexp => plusieurs posts traitent déja de ce sujet ..

Une première manière de faire

Code :

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

1
2
3
4
5
6
7
8
9
var TabSpec = {"à":"a","á":"a","â":"a","ã":"a","ä":"a","å":"a","ò":"o","ó":"o","ô":"o","õ":"o","ö":"o","ø":"o","è":"e","é":"e","ê":"e","ë":"e","ç":"c","ì":"i","í":"i","î":"i","ï":"i","ù":"u","ú":"u","û":"u","ü":"u","ÿ":"y","ñ":"n","-":" ","_":" "}; 
 
function replaceSpec(Texte){
	var reg=/[àáäâèéêëçìíîïòóôõöøùúûüÿñ_-]/gi; 
	return Texte.replace(reg,function(){ return TabSpec[arguments[0].toLowerCase()];}).toLowerCase();
 	}
 
var TestTexte="àAAÀAAÁÂÒÓÔÕÖØòÒÓÔÕ-ÖØòó_ôõöøÈÉÊËèéêëÇçÒÓÔÕÖØòÌÍÎÏìíîïÙÚÛÜùúûüÿÑñ"
alert(replaceSpec(TestTexte))

[SpaceFrog]

Autre manière un peu plus sophistiquée mais plus facilement maintenable:

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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
var rules = {
			a:"àáâãäå",
			A:"ÀÁÂ",
			e:"èéêë",
			E:"ÈÉÊË",
			i:"ìíîï",
			I:"ÌÍÎÏ",
			o:"òóôõöø",
			O:"ÒÓÔÕÖØ",
			u:"ùúûü",
			U:"ÙÚÛÜ",
			y:"ÿ",
			c: "ç",
			C:"Ç",
			n:"ñ",
			N:"Ñ"
			}; 
 
 function  getJSONKey(key){
 for (acc in rules){
 if (rules[acc].indexOf(key)>-1){return acc}
 }
 }
 
function replaceSpec(Texte){
regstring=""
for (acc in rules){
 regstring+=rules[acc]
 }
reg=new RegExp("["+regstring+"]","g" )
		return Texte.replace(reg,function(t){ return getJSONKey(t) });
 	}
 
var TestTexte="àAAÀAAÁÂÒÓÔÕÖØòÒÓÔÕ-ÖØòó_ôõöøÈÉÊËèéêëÇçÒÓÔÕÖØòÌÍÎÏìíîïÙÚÛÜùúûüÿÑñ"
alert(replaceSpec(TestTexte))

[RomainVALERI]

ó_ô

Ton code s'est éveillé à la conscience !

Skynet ! fuyez !

edit : j'avais pas vu celui avec les lunettes............ dis tout de suite que tu te moques de mon avatar ! ()

[SpaceFrog]

non il sort de chez l'occuliste !

Õ-Ö

[ginger4957]

Aha ! Attention il va se fâcher ÒÓ

Merci pour vos réponses !!

Entre temps j'ai trouvé cette solution qui fonctionne du tonnerre, en mettant une regex sur chaque élément du tableau :

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
16
17
18
19
20
21
22
 
function no_accent(my_string)
{
// tableau accents
		var pattern_accent = new Array(/À/g, /Á/g, /Â/g, /Ã/g, /Ä/g, /Å/g, /Æ/g, /Ç/g, /È/g, /É/g, /Ê/g, /Ë/g,
		/Ì/g, /Í/g, /Î/g, /Ï/g, /Ð/g, /Ñ/g, /Ò/g, /Ó/g, /Ô/g, /Õ/g, /Ö/g, /Ø/g, /Ù/g, /Ú/g, /Û/g, /Ü/g, /Ý/g,
		/Þ/g, /ß/g, /à/g, /á/g, /â/g, /ã/g, /ä/g, /å/g, /æ/g, /ç/g, /è/g, /é/g, /ê/g, /ë/g, /ì/g, /í/g, /î/g,
		/ï/g, /ð/g, /ñ/g, /ò/g, /ó/g, /ô/g, /õ/g, /ö/g, /ø/g, /ù/g, /ú/g, /û/g, /ü/g, /ý/g, /ý/g, /þ/g, /ÿ/g);
 
		// tableau sans accents
		var pattern_replace_accent = new Array("A","A","A","A","A","A","A","C","E","E","E","E",
		"I","I","I","I","D","N","O","O","O","O","O","O","U","U","U","U","Y",
		"b","s","a","a","a","a","a","a","a","c","e","e","e","e","i","i","i",
		"i","d","n","o","o","o","o","o","o","u","u","u","u","y","y","b","y");
 
		//pour chaque caractere si accentué le remplacer par un non accentué
		for(var i=0;i<pattern_accent.length;i++)
		{
			my_string = my_string.replace(pattern_accent[i],pattern_replace_accent[i]);
		}
		return my_string;
}

Merci encore !

[SpaceFrog]

Tu remarqueras que la solution des rules diminue de façon considérable le nombre de regexp... je n'ai ai qu'une !
Ta solution est très gourmande !

[RomainVALERI]

Tu remarqueras que la solution des rules diminue de façon considérable le nombre de regexp... je n'ai ai qu'une !
Ta solution est très gourmande !

+1

>>> que ce soit pour la performance ou la maintenabilité / lisibilité, je préfère la solution SF ^^

[Philsog]

Cette fonction, assez proche de celle de SpaceFrog, est particulièrement efficace (utilisation pour comparaison avec une liste comportant plusieurs centaines de noms).
Elle présente la particularité de fonctionner aussi avec les æ et œ.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
var dicLetAcc = {
  à:'a',â:'a',ä:'a',æ:'ae',ç:'c',é:'e',è:'e',ê:'e',ë:'e',î:'i',ï:'i',ô:'o',ö:'o',œ:'oe',ù:'u',û:'u',ü:'u',
  À:'A',Â:'A',Ä:'A',Æ:'AE',Ç:'C',É:'E',È:'E',Ê:'E',Ë:'E',Î:'I',Ï:'I',Ô:'O',Ö:'O',Œ:'OE',Ù:'U',Û:'U',Ü:'U'};
var lstCar = Object.keys(dicLetAcc).join('');
var reSansAcc = new RegExp("[" + lstCar + "]", "g");
 
var TestTexte="À l'arrêté, une flêche à l'œil d'Ædès... limité aux diacritiques du français :"
alert(sansAccent(TestTexte) + '\n\n' + lstCar + '\n=> ' + sansAccent(lstCar))
 
function sansAccent(txt) {
  return txt.replace(reSansAcc, function(t){return dicLetAcc[txt]});
}

Il vous faudra ajouter les autres lettres accentuées si nécessaire... (complétez la première ligne, puis dupliquez-la et convertissez la deuxième ligne tout en majuscule).

Vous pouvez également utiliser l'expression régulière pour tester si une expression nécessite une conversion :

Code :

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

if (txt.match(reSansAcc)) ....

Variante à peine plus complexe avec une seule liste à maintenir :

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
16
17
 
var dicLetAcc = {
  à:'a',â:'a',ä:'a',æ:'ae',ç:'c',é:'e',è:'e',ê:'e',ë:'e',î:'i',ï:'i',ô:'o',ö:'o',œ:'oe',ù:'u',û:'u',ü:'u'
};
var lstCar = Object.keys(dicLetAcc).join('');
var reSansAcc = new RegExp("[" + lstCar + "]", "gi");
 
var TestTexte="À l'arrêté, une flêche à l'œil d'Ædès... limité aux diacritiques du français :"
lstCar += lstCar.toUpperCase();
alert(sansAccent(TestTexte) + '\n\n' + lstCar + '\n=> ' + sansAccent(lstCar))
 
function sansAccent(txt) {
  return txt.replace(reSansAcc, 
    function(t) { 
      return (t.toUpperCase() == t) ? dicLetAcc[t.toLowerCase()].toUpperCase() : dicLetAcc[t];
    }); // Les caractères majuscules sont transformés en minuscules avant conversion puis remis en majuscules
}

[CosmoKnacki]

Puisque déterrage il y a:

Avec ECMAScript 6, il est facile de supprimer les accents en effectuant une normalisation NFKD, qui par exemple va transformer le caractère "à" (U+00E0 LATIN SMALL LETTER A WITH GRAVE) en "a" (U+0061 LATIN SMALL LETTER A) suivi du caractère combinant "`" (U+0300 COMBINING GRAVE ACCENT), puis en supprimant les caractères combinants.
Une chance, ces caractères combinants sont répartis sur trois plages précises de la table unicode:

• U+0300..U+036F: Combining Diacritical Marks
• U+1DC0..U+1DFF: Combining Diacritical Marks Supplement
• U+1AB0..U+1AFF: Combining Diacritical Marks Extended

Donc pour se débarrasser des accents, il suffit d'écrire:

Code :

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

1
2
3
var chaine = 'ýþÿÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖØÙÚÛÜÝÞßàáâãäåæçËÌÜÝÞÍèéêëìíîïðñòóôõöøùúûüýëîïðËÌÍ';
var result = chaine.normalize('NFKD').replace(/[\u0300-\u036F\u1DC0-\u1DFF\u1AB0-\u1AFF]+/g, '');
// 'yþyAAAAAAÆCEEEEIIIIÐNOOOOOØUUUUYÞßaaaaaaæcEIUYÞIeeeeiiiiðnooooouuuuyeiiðEII'

Tous les accents ont disparu. Seuls restent quelques caractères non-accentués n'appartenant pas à la table ASCII; ce qui est l'occasion de se demander s'il est pertinent de transformer un Ø en O au risque d'intriguer le camerounais ou de surprendre le danois (à vous de voir).

Quoi qu'il en soit, pour poursuivre la translittération, on peut procéder comme suit:

Code :

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

1
2
3
var rules = { 'þ': 'th', 'Þ': 'TH', 'Æ': 'AE', 'æ': 'ae', 'Ð': 'TH', 'ð': 'th', 'Ø': 'EU', 'ø': 'eu', 'ß': 'ss' };
result = result.replace(/[þÞÆæÐðØøß]/g, m => rules[m[0]]);
// 'ythyAAAAAAAECEEEEIIIITHNOOOOOEUUUUUYTHssaaaaaaaecEIUYTHIeeeeiiiithnoooooeuuuuuyeiithEII'

À noter, String.prototype.normalize() n'est pas supporté par Internet Explorer (mais l'est par Edge), donc n'hésitez pas à l'utiliser pour le pousser dans la tombe.