Tapuscrit De La Matrice De La Carte De Retour De L'Objet

J'ai le code suivant.

array.map(val => { return {
  key1: val.key1,
  key2: val.key2
}});

Est-il possible de réduire le code à quelque chose comme cela?

array.map(val => {
  key1: val.key1,
  key2: val.key2
});
InformationsquelleAutor Dan Grahn | 2017-12-11
  1. 38

    Si vous le mettez entre parenthèses, le compilateur va le traiter comme un objet littéral pas un bloc de code: 

    array.map(val => ({
  key1: val.key1,
  key2: val.key2
}));

    Une assertion de type fonctionne également si vous disposez d'une interface pour l'objet littéral (mais n'est pas en tant que type de coffre-fort):

    interface IKeys { key1: string; key2: string }
array.map(val => <IKeys>{
  key1: val.key1,
  key2: val.key2
});
    • Si à l'aide de Réagir JSX compilateur, être conscient de l'utilisation de <IKeys> style type d'affirmations comme il est ambigu avec JSX la grammaire et donc vous devez utiliser {...} comme IKeys casting de la syntaxe.
    • Pouvez-vous expliquer plus? Et comment serait-il travailler pour le Tapuscrit?
    • après la => un { est toujours interprétée comme un bloc de code, pas d'exceptions. Mais après => on peut avoir n'importe quelle expression, y compris une parenthèse expression (...) et à l'intérieur de cette nouvelle expression, nous pouvons avoir un objet littéral, mais le (...) n'est pas de toute autre manière de modifier le sens de l'objet de l'expression. L'assertion de type <IKey> sert une fonction similaire, il va présenter un nouveau type d'expression après l' => au lieu d'avoir le { qui implique toujours de bloc de code. Espérons que cela la rend un peu plus clair
    InformationsquelleAutor Titian Cernicova-Dragomir