Remplacer des occurrences dans une phrase

**Fredy007** · 19/09/2016, 06h41

Bonjour,

J'ai une fonction, que lors de la saisie, on remplace des mauvais mots par le vide ou bien ***, alors je suis en face d'un problème où le remplacement est effectué seulement pour un seul mot dans la liste:

DEMO

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
 
 
 
function filterString(string, wordsList, replace){
 
	var string = string.trim();
  var string = string.replace( /\s\s+/g, ' ' ); // remove more than one space	
  var splStr = string.split(' ');
 
  var isTrue = [] // There is no error
  var badWord = [] // store bad words here
  var result; // final result true OR false
  var replace	= []; // list items to replace the bad word
 
  $.each(splStr, function( index, value ) {
  //console.log( index + ": " + value );
  checkBad = $.inArray( value, wordsList );
  //console.log(checkBad);
 
  // if found
  if(checkBad > -1){
  	isTrue.push(1); // there is an error
    //console.log(splStr[index]+' is bad');
    badWord.push(splStr[index]); 
  } else {
  	isTrue.push(0);
    //console.log(splStr[index]+' is good');
  }
 
  //console.log(badWord);
 
}); // end each
 
var checkErrors = $.inArray( 1, isTrue );
 
if(checkErrors > -1){
	result = true;
	var sortBadWords = jQuery.uniqueSort( badWord );
  //console.log('List '+sortBadWords);
} else {
var result = false;
var sortBadWords = null;
}
 
return [result, sortBadWords, isTrue];
 
}
 
 
var wordsList = ['fuck', 'suck'];
var replace	= ['', '***']; // replace with nothing or with stars
 
 
$('.wrap').on('keyup', function(){
	 var value = $(this).val();
 
   badList = filterString(value, wordsList, replace);
  //console.log(badList);
 
 
  if((badList[0]) === true){
  	console.log('is true?: '+badList[0]);
    console.log('list words '+badList[1]);
    console.log(badList[1]);
    var countWords = badList[1].length;
    console.log('There are ' +countWords+ ' word');
    var indexWords = countWords-1;
 
    for ( var i=0; i<=indexWords; i++ ){
    console.log('x '+badList[1][i]);
    	var regex = new RegExp(badList[1][i], 'g');
    	var newW = value.replace(regex, '***');
      //console.log('newW '+newW);
    }
 
  } else {
    console.log('is true?: '+badList[0]);
    var newW = value;
 
  }
 
  console.log('true array '+badList[2]);
 
if(badList[0]){
	console.log('There are some bad words');
 
  console.log('first word: '+badList[1][0]);
  console.log('second word '+badList[1][1]);
  console.log('combine words '+badList[1].join(','));
} else {
	console.log('Safe string :\)');
}
 
 
   $('.prev').html(newW).show();
 
});

Example:

salut suck fuck suck salaut fuck

Résultat:

salut suck *** suck salaut ***

Seul le mot "fuck" est remplacé

Merci a vous

**danielhagnoul** · 19/09/2016, 11h29

Voir : http://danielhagnoul.developpez.com/...Surligner.html

Dans ce Q/R de ma FAQ, je surligne les mots en me servant de la fonction findAndReplaceDOMText() de James Padolsey avec le code :

Code javascript :

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

1
2
3
4
findAndReplaceDOMText( $( "article.surligneNorbi", "section.conteneur" )[ 0 ], { 
	"find" : "Morbi", 
	"wrap" : "mark" 
});

Sur GitHub, l'auteur propose plusieurs options. Dans votre cas, il suffit de remplacer "wrap" par "replace" :

Code javascript :

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

1
2
3
4
findAndReplaceDOMText( $( "#monID" )[ 0 ], { 
	"find" : "Morbi", 
	"replace" : "" 
});

Voir : https://github.com/padolsey/findAndReplaceDOMText

**Fredy007** · 20/09/2016, 03h55

Y a pas une autre méthode pour le faire, je trouve que la solution est un peu compliquée

**Doksuri** · 20/09/2016, 08h48

Code javascript :

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

1
2
3
4
5
6
var str = "salut suck fuck suck salaut fuck";
var badWords = ["fuck", "suck"];
$.each(badWords, function(i,bw) {
str = str.replace(new RegExp(bw, "g"), "***");
});
console.log(str);

**Fredy007** · 21/09/2016, 06h09

Merci Doksuri, je l'ai fait a l'inverse, j'ai fait loop sur la phrase et tester le mot:

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
36
 
var splStr = string.split(' ');
 
  $.each(splStr, function( ind , val ) {
    //console.log('vvv ' +val);
 
		// check if the string value exists in the forbidden list (no: -1, yes: 0 and above)
    check = $.inArray(val, forbidden);
    //console.log('c '+check+ ' v '+val);
 
    if(check > -1){
    	badStr	= val +' Found';
    	//console.log('value '+val+' found');
    } else {
    	badStr	= 'Fine';
    	//console.log('Fine');
    }
 
    // start building the pattern for new RegExp
    var pattern = forbidden.join('|');
 
     // GOOD START
     // String: sucks fucks us although has suck fucks
     // Result: ***s ***s us although has *** ***s
     // should match the exact word
     var regex = new RegExp('\('+pattern+'\)', 'g');
		// GOOD END
 
    //var regex = new RegExp('\('+pattern+'\)', 'g');
    //newStr = string.replace(regex, '***');
    //console.log(newStr);
 
    newStr = string.replace(regex, '***');
    console.log(newStr);
 
    });

Je veux bien la développer en précisant le mot a remplacer et son remplaçant:

Code :

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

1
2
3
4
5
6
 
var bad = [{
	"fuck": "*",
	"suck": "**",
	"damn": "***"
   	}];

Je n'ai jamais travaillé avec des array multidimensionnelles

Merci a vous

**Toufik83** · 21/09/2016, 11h44

Code jquery :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
var splStr="salut fuck good suck morning damn" ;
var badWords=[{"fuck":"*","suck":"**","damn":"***"}];
  $.each(badWords,function(i,val) {
 	$.each(val,function(i,j){
    	console.log("val ["+i+"] :"+j);
        if(splStr.indexOf(i)>-1){
        	splStr=splStr.replace(i,j);//remplacement.
        }
    	});
    });
    console.log("splStr après remplacement est :"+splStr);

**NoSmoking** · 21/09/2016, 18h53

Bonjour,

Envoyé par Toufik83

Code :

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

1
2
3
        if(splStr.indexOf(i)>-1){
        	splStr=splStr.replace(i,j);//remplacement.
        }

pas besoin du test tu peux faire le replace directement et s'il n'a rien à remplacer il ne fera rien.

Attention quand même faire une recherche global sinon seule la première occurrence sera remplacé.

Sinon il existe également

Code :

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

1
2
3
4
5
var t = 'bla blo bla blo bla';
var c = 'bla';
var r = 'x!x';
t = t.split(c).join(r);
alert(t);

**Toufik83** · 21/09/2016, 21h30

oui NoSmoking, j'ai pas fais compte a la répétition des occurrences, merci d'avoir signaler.
le code maintenant est

Code jQuery :

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

1
2
3
4
5
6
7
8
9
10
 
var splStr="salut fuck good suck morning damn suck damn fuck good" ;
var badWords=[{"fuck":"*","suck":"**","damn":"***"}];
  $.each(badWords,function(i,j) {
 	$.each(j,function(name,valeur){
    	  console.log("["+name+"] :"+valeur);
        splStr=splStr.split(name).join(valeur);
    	});
    });
    console.log("splStr après remplacement est :"+splStr);

**Fredy007** · 22/09/2016, 06h01

J'ai pris considération de vos codes, finalement j'ai ça:

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
 
var bad = {
	"fuck": "*",
	"suck": "**",
	"damn": "***"
   	};
 
var newStr = '';
var string = 'fuck man suck sucks';
var splStr = string.split(' ');
 
//console.log(splStr);
 
$.each(bad, function (key, val) {
//console.log(key+' '+val);
	check = $.inArray(key, splStr);
  //console.log(check);
 
  if(check > -1){
  	//console.log(key +' Found');
    string = string.replace(key, val);
 
  } else {
  	//console.log(key +' Not found');
  }
 
 
});
 
console.log(string);

pas besoin du test tu peux faire le replace directement et s'il n'a rien à remplacer il ne fera rien.

Je l'ai ajouté pour avertir la personne qui saisie, sinon on peut le supprimer, merci a vous tous

**NoSmoking** · 22/09/2016, 18h42

Ta fonction ne te garantie pas la suppression des « badWords » multiples dans ta chaine.

Regarde de plus près le code de Doksuri.

**Fredy007** · 25/09/2016, 05h36

Effectivement, après le test ça change pas grand chose, alors j'ai mis ce code, je pense que ça marche:

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
36
37
/***** EXCELLENT: Replace bad words *****/
function checkBadValue(badWords, string) {
    var isErr = [];
    $.each(badWords, function (key, val) {
        //console.log('k'+key+' v'+val);
        $.each(val, function (x, y) {
            //console.log('x '+x+' y'+y);
            var splStr = string.split(' ');
            //console.log(splStr);
            check = $.inArray(x, splStr);
            //console.log(x+' '+check);
            // if any bad word found
            if (check > - 1) {
                // push it into the array
                isErr.push(x);
            }
            console.log(isErr.length);
            if ((isErr.length) > 0) {
                $('.notif').html('Some bad words found ' + isErr.join(', ')).show();
            } else {
                $('.notif').hide();
            }
            string = string.replace(new RegExp(x, 'g'), y);
        });
    });
    $('.prev').html(string);
} // end function
 
var bad = [
    {   'fuck': '*' },
    {   'suck': '**' },
    {   'damn': '***' }
];
$('.wrap').on('keyup', function () {
    var newStr = $(this).val();
    checkBadValue(bad, newStr);
});

Remplacer des occurrences dans une phrase

jQuery

Discussions similaires

Partager

Partager