Comment obtenir la somme des valeurs du Tableau Json dans Angular2(Tapuscrit)

J'ai une Réponse Json

"carts": {
            "value": [
                {

                    "Amt": 40

                },
                {
                    "Amt": 20.25

                },
                {

                    "Amt": 10.30

                }

            ]
        }

Je veux obtenir la somme de la valeur de l'Amt champ et la sortie doit être 70.55
Comment obtenir ce à l'aide de caractères d'imprimerie.Je suis nouveau sur le tapuscrit.
Quelqu'un peut-il m'aider avec ça?

InformationsquelleAutor ananya | 2017-08-23

La façon correcte d'utiliser du JavaScript réduire fonction (qui est également valable pour les caractères d'imprimerie) serait:

JS:

const response = {
  "carts": {
    "value": [
      {
        "Amt": 40
      },
      {
        "Amt": 20.25
      },
      {
        "Amt": 10.30
      }
    ]
  }
};

const total = response.carts.value.reduce((sum, item) => sum + item.Amt, 0);

console.log(total);

Noter que si vous souhaitez soutenir IE8, vous devez inclure un polyfill (comme celle de MDN page).

InformationsquelleAutor Stephan

6

Je suis très en faveur de la Rxjs' Observables répondre, mais puisque personne ne le mentionne : les tableaux Javascript ont un reduce fonction, on peut donc l'utiliser en caractères d'imprimerie trop !
```
//suppose variable carts already stores the deserialized json
let total: number = carts.value.reduce( 
  (a: number, b) => a + b.Amt, 0);
```
après @Stefan commentaires :

Fixe erreurs &
mieux de ne pas attribuer de type b, de sorte qu'il sera déduit du contexte et peut-être faire un Tapuscrit erreur lors de la compilation.
- Qui ne fonctionnent pas de cette façon puisque les éléments de value et donc votre b et votre valeur initiale (votre premier a) sont des objets.
- Vous avez raison, et j'ai oublié le " 0 " initial valeur. Le montage.
- Juste une remarque supplémentaire: je ne suis pas le type d'annoter a et b et de laisser la Machine en déduire les types. Autrement, par exemple si les objets dans value ne contiennent pas de Amt des valeurs à l'aide any type se cache l'erreur qui en résulte.
- Pouvez-vous développer ? J'ai pensé any était le "par défaut" si de rien n'était indiqué (et non pas de type gardes ou comme sont utilisés). (sans le noImplicitAny option, qui est la valeur par défaut)
- Au moment de l'exécution, si l'un de l'Amt n'est pas défini, je devrais recevoir un "non défini" comme un résultat de b.Amt, ce qui rend le résultat global NaN .
- Au affectations types sont automatiquement déduit (par exemple let x = 0;). Si la définition d'une fonction contient la définition des paramètres de rappel, ceux-ci sont également automatiquement déduit (par exemple, les définitions pertinentes pour reduce est reduce<U>(callbackfn: (previousValue: U, currentValue: T, currentIndex: number, array: T[]) => U, initialValue: U): U;). typescriptlang.org/docs/handbook/type-inference.html contient de l'information utile à ce sujet.
InformationsquelleAutor Pac0

Vous pouvez utiliser observables réduire.
Si vous avez la réponse Http, puis:

this.http.get('url')
    .map(response.carts.value)
    .map(res => res.Amt)
    .reduce((a, b) => a + b)
    .subscribe(res => console.log(res))

InformationsquelleAutor Anton Lee

let sum = 0;
    for (var i = 0; i < this.carts.value.length; i++) {
        sum+= this.carts.value[i].Amt;
    }

InformationsquelleAutor N1gthm4r3

2

Vous pouvez écrire une fonction comme ceci:
```
public cartTotal(): number {

    let total: number = 0;

    this.carts.value.forEach((e:any) => {
        total = total + Number(e.Amt);
    });

    return total;
}
```
- Qui ne fonctionne pas depuis e sera un objet. De plus, si vous voulez e être un nombre, il serait préférable de type annoter comme un nombre, pas du tout. De cette façon, il y aurait au moins une erreur de compilateur (qui est un aspect pourquoi vous utilisez le fichier d'enregistrement) si vous nous les fournissez avec un objet.
InformationsquelleAutor Wesley Coetzee

C'est la façon la plus simple de le faire.

  sum=0;
  for(let a of json.carts.value){
      sum=sum+a.Amt;
  }

InformationsquelleAutor marouane kadiri

Vous devez vous connecter pour publier un commentaire.