Discussion :

[coincoin22]

Salut !

Je suis nouveau sur le développement WEB angular.

Imaginons un json de cette forme :

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
[{	
	"event1": "Tournoi Marseille",
	"event2": "Tournoi Lyon",
	"event3": "Tournoi Toulouse"	
},
{	
	"event1": "Tournoi Marseille",
	"event2": "Tournoi Lyon",
	"event3": "Tournoi Nantes"	
},
{	
	"event1": "Tournoi Paris",
	"event2": "Tournoi Lyon",
	"event3": "Tournoi Bastia"	
},
{	
	"event1": "Tournoi Brest",
	"event2": "Tournoi Lyon",
	"event3": "Tournoi Grenoble"	
}][

puis un tableau contenant des mots clés :

Code :

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

["Lyon", "Marseille","Nantes"]

Comment à l'aide de filters, some ou autres ne produire en sortie que les objets qui matchent avec ces trois keywords :

Code :

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

1
2
3
4
5
[{	
	"event1": "Tournoi Marseille",
	"event2": "Tournoi Lyon",
	"event3": "Tournoi Nantes"	
}]

Un tableau de keywords

Code :

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

["Lyon", "Marseille"]

produirait alors

Code :

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

1
2
3
4
5
6
7
8
9
10
[{	
	"event1": "Tournoi Marseille",
	"event2": "Tournoi Lyon",
	"event3": "Tournoi Toulouse"	
},
{	
	"event1": "Tournoi Marseille",
	"event2": "Tournoi Lyon",
	"event3": "Tournoi Nantes"	
}]

Merci de votre aide...

Coincoin22

[Sodium]

Bonjour,

Déjà je n'utiliserais pas un objet avec des clés (event1, event2...) mais un tableau. Tu n'as pas besoin de ces clés, si tu boucles sur les items tu sais que le premier est ton event1, le deuxième event2 etc et tu n'as pas à réécrire ta configuration si tu veux changer le nombre d'events.

Ensuite tu peux tester les noms avec la fonction indexOf() qui renvoie -1 si la string recherchée n'a pas été trouvée. https://www.w3schools.com/jsref/jsref_indexof.asp

[coincoin22]

Salut !
Merci de ton aide ...

L'exemple que je t'ai donné est là pour simplifier ma demande.
Les json sont beaucoup plus complexes dans la réalité.

il y a notamment des champs eq1, eq2, eventname, round sur lesquels je veux faire mon tri.

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
[{
eq1: "Lyon"
eq2: "Angers"
eventid: 2
eventname: "Ligue 1"
match_id: 13
round: "2ième Journée"
score_eq1: null
score_eq2: null
...
},{
eq1: "Marseille"
eq2: "Brest"
eventid: 1
eventname: "Ligue 1"
match_id: 6
round: "1ière Journée"
score_eq1: null
score_eq2: null
...
}...]

J'ai bien tenté un truc:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var term = 'Ligue 1 2ième';
var matchValue;
var searchKeywords = term.split(' ');
searchKeywords = searchKeywords.map(val => { return val.toString().toLowerCase();});
        var filtered = json.filter(item => {            
            matchValue = 0;            
            searchKeywords.forEach(function (word) {
                matchValue = matchValue +  (item.eventname.toString().toLowerCase().includes(word) ||
                item.round.toString().toLowerCase().includes(word) ||
                item.eq1.toString().toLowerCase().includes(word) ||
                item.eq2.toString().toLowerCase().includes(word)) ? 1 : 0;
            });           
            return (matchValue === searchKeywords.length)
        });

Ce n'est pas tout à fait correct.

- Si la recherche comporte un espace (ça ne doit pas poser problème au final)
- Si ça matche plus que le nombre de terms

Il faut être certains que TOUS les mots (term) sont là au minimum une fois pour valider la recherche

Pour une recherche "2ième" => OK
Pour une recherche Ligue 1 > NOK Le 1 pose problème ??!!

Merci de ton aide encore !

Coincoin22

[Toufik83]

Salut,

J'ai vu que ton code est un peu long...

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
 
let json=
[{...}...],
term="Ligue ière".split(" "),
searchKeywords=term,
matchValue,
result=json.filter((elem,index)=>{
    matchValue=0;
    searchKeywords.map((v)=>{
     matchValue+=( elem.eq1.includes(v)
          || elem.eq2.includes(v)
          ||elem.eventname.includes(v)
          ||elem.round.includes(v))?1:0;
    });
  return matchValue==searchKeywords.length;
});
console.log(result);

Edit : sans trop de parenthèses, ça donne ça.

[coincoin22]

Merci Toufik,

Ce n'est pas tout à fait ce que je veux... Il faut que TOUS les mots clés soient dans l'item pas un ou plusieurs.

Sur mon code, il manquait une parenthèse avant item et après 0.

Code :

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

1
2
3
4
5
6
searchKeywords.forEach(function (word) {
                matchValue = matchValue +  ((item.eventname.toString().toLowerCase().includes(word) ||
                item.round.toString().toLowerCase().includes(word) ||
                item.eq1.toString().toLowerCase().includes(word) ||
                item.eq2.toString().toLowerCase().includes(word)) ? 1 : 0);
            });

ça fait le job !
Merci les amis !

A+
Coincoin22

[Sodium]

Je n'ai pas compris le tiers de ce que tu as raconté mais heureuse que ça marche pour toi