Parcourir et comparer deux objets

Bonjour,

Je cherche à parcourir et comparer deux objets mais j'avoue ne pas savoir trop comment m'y prendre.

En gros, suite à récupération de plusieurs JSON, je me retrouver avec 2 objets "object1" et object2"

Dans chacun des ces objets, j'ai des propriétés qui peuvent être identiques ou différentes.

Mon objectif est de parcourir "object1" et pour chacune de ces propriétés, si elle est présente dans "object2" l'afficher aussi puis ensuite afficher les propriétés de "objet2" qui ne sont pas présentes dans "objet1"

Actuellement, j'utilise ceci pour afficher les propriété d'un objet :

Code:

---

1 2	<div ng-repeat="(key, value) in monFiltre(object1)">

---

Mais du coup je pense pas que ce soit adapté à la comparaison.

Comment feriez vous ?

merci

Salut!

Je pense que ce n'est pas un problème lié à AngularJS. C'est plus un problème d'algo.
Imagine que ce soit une boucle sur ta liste de propriétés (de l'objet 'object1'). A chaque itération, tu peux comparer l'élément en cours avec un des éléments des propriétés de 'object2'. Voila tout :wink:
tu crée donc deux boucles imbriquées...

Pour ton exemple, tu peux simplement faire une recherche sur les ng-repeat imbriqués ('nested ng-repeat').

EDIT: Et j'ai vu qu'il existait déjà des posts sur ce sujet (ng-repeat). C'est, en effet, un sujet qui revient souvent.
exemple : http://www.developpez.net/forums/d15...pement-d-item/

Citation:

---

Envoyé par pop_up

Comment feriez vous ?

merci

---

Je ne ferais pas ça dans les templates. Je créerais en js un objet prêt à être bindé dans une vue mais toute la logique serait contenue dans un service en js qui retournerait le résultat final à binder.

Cette réponse sur stackoverflow devrait t'y aider.

Merci marco et slim pour vos réponses.

Je pourrai effectivement faire un nouvel objet à binder en javascript mais ça me rajoutera du temps de traitement alors que j'ai déjà mes propriétés.

N'y a t'il pas un moyen, lors du parcours d'un objet1, de regarder les propriété avec un nom identique de l'objet2 ?

Un truc du genre :

Code:

---

1 2 3 4 5

<div ng-repeat="(key, value) in monFiltre(object1)"> object1 - propriété {{key}} : {{value}} object2 - propriété {{key}} : <span ng-if="object2.{{key}}">{{object2.{{key}}}}</span> </div>

---

rigolez pas, c'est juste un code à la con qui marche pas mais qui donne l'idée de ce que j'aurai voulu faire

De rien.

Ta démarche est mauvaise pour 2 raisons :

1- On n'optimise jamais à priori. La bonne méthode c'est d'arriver au résultat voulu en respectant au maximum les bonnes pratiques, et ensuite seulement d'optimiser si on constate un problème de performance.

2- Afin d'optimiser le temps de traitement javascript alors même que tu ne sais pas si il existe un besoin, tu vas violer une bonne pratique majeure qui est de ne pas écrire de logique ni de traitement dans un template.

Les conséquences ?
Tu dégrades la qualité du code source de l'application pour augmenter la qualité d'exécution et ce sans aucune information permettant d'affirmer qu'il y a un besoin.
Donc d'un point de vue budget tu vas passer du temps à réaliser une tâche qui ne repose sur aucun besoin et le résultat final sera d'augmenter les couts de maintenance pour quel gain ?

Au final, le traitement de modification du modèle devrait être exécuté dans un service quelque part entre le moment où tu récupères les data sur le réseau et le moment où tu bind dans le controller le modèle à afficher.

Ok, tu m'as convaincu :P

En plus ça sera plus facile de faire ça dans un service.

Encore une petite question ...

J'ai fait mon service de comparaison -> OK
J'ai mon objet à binder avec mes valeurs initiale et le résultat de ma comparaison -> OK

Par contre, ces objets sont récupérés à l'aide de promises et peuvent changer suivant certains choix dans la page.

Actuellement,t, j'ai codé ceci :

Code:

---

1 2	$scope.$watch('[objet1,objet2]', function () { // Appel à mon service ... }, true);

---

par contre, ça exécute deux fois ma fonction quand les deux éléments changent.
Je laisse ce comportement ou alors il y a une astuce pour ne passer qu'une seule fois la dedans ?

merci en tout cas, ça fonctionne bien

Histoire de bien comprendre ton besoin dis moi si j'ai bon :

- Tu as 2 objets différents qui proviennent de 2 webservices différents, on va les appeler objet 1 et objet 2.
- Quand tu as récupéré ces 2 objets, tu veux comparer objet 1 à objet 2 et compléter objet 1 avec les propriétés de objet 2 qui ne sont pas dans objet 1.
- Dans ta vue, objet 1 et objet 2 peuvent changer.
- Quand objet 2 change (propriété existante modifiée, ajout ou suppression de propriété), tu veux synchroniser objet 1.

J'ai bon ?

Citation:

---

Envoyé par pop_up

Actuellement,t, j'ai codé ceci :

Code:

---

1 2	$scope.$watch('[objet1,objet2]', function () { // Appel à mon service ... }, true);

---

par contre, ça exécute deux fois ma fonction quand les deux éléments changent.
Je laisse ce comportement ou alors il y a une astuce pour ne passer qu'une seule fois la dedans ?

---

Si tu synchronise objet 2 avec objet 1 et que tu watches objet1 et objet2 c'est normal que ça s'exécute 2 fois.

Objet2 change -> exécution du watcher, tu sync objet 1 avec les valeurs de objet 2.
Du coup objet 1 change -> exécution du watcher.