Discussion :

[sylvain257]

Bonjour,

J'ai ce JSON :

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
 
[{
            "id": 1,
            "parcelles": [
                "BE0152",
                "AO0559",
                "AO0560"
            ]
        },
        {
            "id": 2,
            "parcelles": [
                "AP0055"
            ]
        },
        {
            "id": 3,
            "parcelles": [
                "BE0208",
                "BE0290",
                "BE0309"
            ]
        },
        {
            "id": 4,
            "parcelles": [
                "BE0152",
                "BE0151"
            ]
        }
]

La question que je veux poser à ce JSON est de me redescendre tous les enregistrements dont l'array parcelles contient une certaine valeur.
Par exemple, tous les enregistrements dont l'array parcelles contient la valeur "BE0152".

Comment faire ? J'ai déjà ce code que j'ai trouvé sur un forum. La fonction filter demande un filtre (qui est un json) en paramètre, l'idée est d'adapter ce code pour prendre en compte la fameuse demande ci-dessus.

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
 
      async filter(filtre){
 
    this.filterByInsee(this.insee).then((res) => {
      var records = res.records;
 
			records = records.filter((item) => {
        for (var key in filtre) {
          if (item[key] === undefined || item[key] != filtre[key]){
            return false;
          }
          return true;
        }
      })
 
      console.log(records);
    })
   }

Merci pour vos retours

Sylvain

[Beginner.]

Salut,

Je te propose ce petit code :

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
var json =
    [
        {
            "id": 1,
            "parcelles": [
                "BE0152",
                "AO0559",
                "AO0560"
            ]
        },
        {
            "id": 2,
            "parcelles": [
                "AP0055"
            ]
        },
        {
            "id": 3,
            "parcelles": [
                "BE0208",
                "BE0290",
                "BE0309"
            ]
        },
        {
            "id": 4,
            "parcelles": [
                "BE0152",
                "BE0151"
            ]
        }
    ]
 
 
 
 
function filter(json, valeur) {
    var list = []
    for (var obj of json) {
        if (obj.parcelles.includes(valeur)){
            list.push(obj)
            console.log(obj);        }
    }
    return list
}
 
// Exemples :
 
var res = filter(json, "BE0152")
console.log("résultat(s) -->", res);
 
 res = filter(json, "BE0151")
console.log("résultat(s) -->", res);
 
res = filter(json, "BE0208")
console.log("résultat(s) -->", res);

Une autre solution avec la méthode filter :

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
function filter2(json, valeur) {
    return json.filter((obj => {
        if (obj.parcelles.includes(valeur)) {
            console.log(obj);
            return true
        }
    }))
}
 
// Exemples :
 
var res = filter2(json, "BE0152")
console.log("résultat(s) -->", res);
 
res = filter2(json, "BE0151")
console.log("résultat(s) -->", res);
 
res = filter2(json, "BE0208")
console.log("résultat(s) -->", res);

[sylvain257]

Merci pour ton retour :-)

Comment ferais tu si tu devais croiser une demande pour redescendre tous les enregistrements dont l'array parcelles contient "BE0152" et "BE0153" ainsi que l'id = 3 ?
Cette requête ne redescendrait rien mais juste pour le principe.

Mon filtre doit se présenter comme :

Code :

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

1
2
3
4
5
 
var filter = {
"id" : 3,
"parcelles" : ["BE0153", "BE0152"]
}

Sylvain

[Beginner.]

Salut,

Comment ferais tu si tu devais croiser une demande pour redescendre tous les enregistrements dont l'array parcelles contient "BE0152" et "BE0153" ainsi que l'id = 3 ?

Cela dépend, si l'id est unique je chercherais d'abord cela et alors si je trouve l'objet en question eh bien je vérifierais si parcelles contient "BE0152" et "BE0153"...

D'ailleurs on peut même donner une liste contenant toutes les valeurs à chercher, exemple : var valeurs = ["BE0152", "BE0153"]...

Avant de le faire il faudrait donc nous dire si l'id est unique ou non...

[sylvain257]

Oui l'id est unique.

C'est pour une application de visualisation des données du cadastre.

J'ai une liste de propriétaires, qui possèdent une ou plusieurs parcelles.

Quand je clique sur une parcelle, je souhaite avoir tous les propriétaires de cette parcelle. Je peux le faire côté serveur avec mon API mais j'aimerais le faire côté client, pour éviter de tirer sur le serveur d'une part, et surtout de réutiliser ce filtre pour une recherche multicritères.


MAJ :
Ce code semble fonctionner. Qu'en pensez-vous ?

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
var recs = res.records;
 
      recs = recs.filter(item => {
        for(var key in filtre){
          if(key === "parcelles"){
            if(filtre[key].find((elmt) => item[key].includes(elmt))){
              return true;
            } else {
            	return false;
            }
          }
          if(item[key] === "undefined" || item[key] != filtre[key]){
          	return false
          }
        }
        return true;
      })
      console.log(recs);

[Beginner.]

MAJ :
Ce code semble fonctionner. Qu'en pensez-vous ?

Ben l'as-tu testé ? Ça donne quoi de ton coté ?

De notre coté, il est plus difficile de faire le teste car tu ne nous donnes pas un exemple fonctionnel... Il nous faut deviner ce que tu as voulu faire et ensuite ajouter ce qui manque pour pouvoir tester, ce n'est pas forcément évident, tu ne nous facilites pas la tâche...

Dans ton code :

- recs semble être le tableau json que tu as donné dans ton premier fil.

mais le problème c'est que cela ne colle pas avec la suite...

On ne sait pas ce qu'est la variable filtre :

Code :

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

1
2
3
recs = recs.filter(item => {
        for(var key in filtre){
          if(key === "parcelles"){

On peut deviner que cela devrait être un élément du tableau recs (qui contient des objets ayant une clé parcelles...
mais dans ce cas il fallait plutôt écrire for(var key in item)...

En plus utiliser la méthode filter fait parcourir tout le tableau alors qu'on devrait s’arrêter dés qu'on trouve l'objet ayant l'ID voulu...

Code :

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

1
2
3
4
5
6
recs = recs.filter(item => {
        for(var key in filtre){
          if(key === "parcelles"){
            if(filtre[key].find((elmt) => item[key].includes(elmt))){
              return true;
            }

Je ne comprends pas la condition if à la ligne 4... filtre[key] et item[key] renvoient tous les deux au tableau parcelles ?

Peut-être que pour toi (dans ton esprit) il y a deux tableaux parselles ? Un qui est une propriété des objets ( item[key]) et l'autre qui est la liste des "parselles" (filtre[key]) dont on veut tester la présence dans la passerelle item[key]?

Code :

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

if(item[key] === "undefined" || item[key] != filtre[key]){

Là aussi j'ai du mal à comprendre :

item[key] ne devrait jamais être indéfini du moins si tu avais écrit for(var key in item) au lieu de for(var key in filtre)...


**********************

Si cela t’intéresse j'avais écrit ceci entre temps :

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
 
 
var json =
    [
        {
            "id": 1,
            "parcelles": [
                "BE0152",
                "AO0559",
                "AO0560"
            ]
        },
        {
            "id": 2,
            "parcelles": [
                "AP0055"
            ]
        },
        {
            "id": 3,
            "parcelles": [
                "BE0208",
                "BE0290",
                "BE0309"
            ]
        },
        {
            "id": 4,
            "parcelles": [
                "BE0152",
                "BE0151"
            ]
        }
    ]
 
 
function is_all_items_in_parcelles(parcelles, items) {
    for (let item of items) {
        if (!parcelles.includes(item)) {
            console.warn(`item: ${item} non trouvé dans [${parcelles}]`);
            return false
        }
        console.log(`item: ${item} trouvé dans [${parcelles}]`);
    }
    return true
}
 
function filter1(json, id, valeurs) {
    for (var obj of json) {
        if (obj.id == id) {
            // console.log(`un objet d'ID ${id} a été trouvé :`, obj);
            if (is_all_items_in_parcelles(obj.parcelles, valeurs))
                return obj
            else return false
        }
    }
}
 
// Exemples :
 
console.log("************* exemple 1 *************");
var valeurs = ["BE0152", "BE0153"]
var id = 3
 
var res = filter1(json, id, valeurs)
if (res) console.log("l'objet trouvé est", res);
else console.log("Aucun objet trouvé");
 
// ------------------
console.log("************* exemple 2 *************");
 
valeurs = ["BE0208", "BE0290", "BE0309"]
id = 3
 
res = filter1(json, id, valeurs)
if (res) console.log("l'objet trouvé est", res);
else console.log("Aucun objet trouvé");
 
// ------------------
console.log("************* exemple 3 *************");
valeurs = ["BE0151", "BE0152", "BE0309"]
id = 4
 
res = filter1(json, id, valeurs)
if (res) console.log("l'objet trouvé est", res);
else console.log("Aucun objet trouvé");

Ce code est testable directement, il y a des affichages avec la console qui permettent de bien suivre le déroulement de l’exécution...
On pourrait faire un code plus concis sans ces console et avec la méthode find à la place de la fonction is_all_items_in_parcelles...