Discussion :

[SylvainM]

Bonjour à tous,

Ma question bête du début de la semaine
Je créé des filtres sur un JSON, basés sur ses propriétés.
Par exemple : var data_rouge = data.filter(function(data) { return data.couleur == 'rouge' }).

J'aimerais créer un filtre basé sur plusieurs valeurs de propriétés.
Mais je ne sais pas comment écrire proprement cela.

Par exemple, si je fais :
var data_rouge_bleu_vert = data.filter(function(data) { return data.couleur == 'rouge' | data.couleur == 'bleu' | data.couleur == 'vert'}),
ça marche, mais je n'aime pas trop cette répétition.
En SQL (où je suis bien plus à l'aise qu'en Javascript ), je fais ce genre de requête WHERE couleur IN ('rouge', 'bleu', 'vert').
Y a-t-il un équivalent en JS ? (je suppose qu'il faut creuser du côté des array, mais pour l'instant je ne trouve pas...)

Je vous avais dit que me question était toute bête !

Merci d'avance à celui ou celle qui me fera progresser !

Bonne journée.

Sylvain

[Invité]

Bonjour,

indexOf() ?

[SylvainM]

Merci (à nouveau ! ) de te pencher sur mon fil, jreaux62.
J'étais effectivement aussi arrivé à cette fonction.
Mais je ne vois vraiment pas comment la mettre en place dans mon exemple.

Je suppose qu'il faut que je commence par créer mon array :
var mescouleurs = ['rouge', 'bleu', 'vert'];Mais ensuite, je ne comprends pas comment utiliser la fonction indexOf() sur cet array... (mais c'est certainement lié au fait que je ne comprends pas très bien le fonctionnement de Array.filter() )

Quelque chose comme :

Code :

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

var data_rouge_bleu_vert = data.filter(function(data) { return mescouleurs.indexOf(data.couleur) >= 1})

Pas encore testé : tu penses que je suis sur la bonne voie ?

[Invité]

Les index commencent à 0 (zéro).

Il faut écrire ici : != -1

[SylvainM]

Je n'avais pas vu ta réponse, et je venais d'arriver à cette même conclusion !
Merci à toi !!

[Invité]

A priori, on doit même pouvoir écrire :

Code :

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

var data_rouge_bleu_vert = data.filter(function(data) { return ['rouge','bleu','vert'].indexOf(data.couleur) != -1})